@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.links{color:#fff;display:inline-block;position:relative;text-decoration:none;transition:color .3s ease}.links:after{background-color:#f5b600;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease-in-out;visibility:hidden;width:0}.links:hover{animation:moveRight .3s ease forwards;color:#f5b600}.links:hover:after{visibility:visible;width:100%}@keyframes moveRight{0%{transform:translateX(0)}to{transform:translateX(5px)}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.carousel{height:100vh;overflow:hidden;position:relative;width:100%}.carousel .list .item{background-position:50% 50%;background-size:cover;border-radius:20px;box-shadow:0 25px 50px #0000004d;height:250px;left:70%;position:absolute;top:80%;transform:translateY(-70%);transition:1s;width:180px;z-index:100}.carousel .list .item:first-child,.carousel .list .item:nth-child(2){border-radius:0;height:100%;left:0;top:0;transform:translate(0);width:100%}.carousel .list .item:nth-child(3){left:67%}.carousel .list .item:nth-child(4){left:calc(67% + 200px)}.carousel .list .item:nth-child(5){left:calc(67% + 400px)}.carousel .list .item:nth-child(6){left:calc(67% + 600px)}.carousel .list .item:nth-child(n+7){left:calc(67% + 800px);opacity:0}.list .item .content{color:#fff;display:none;left:100px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);width:400px}.list .item:nth-child(2) .content{display:block}.content .title{animation:animate 1s ease-in-out .3s 1 forwards;color:#f5b600}.content .name,.content .title{font-size:100px;font-weight:700;line-height:1;opacity:0;text-transform:uppercase}.content .name{animation:animate 1s ease-in-out .6s 1 forwards;text-shadow:3px 4px 4px #fffc}.content .des{animation:animate 1s ease-in-out .9s 1 forwards;font-size:18px;margin-bottom:20px;margin-left:5px;margin-top:10px;opacity:0}.content .btn{animation:animate 1s ease-in-out 1.2s 1 forwards;margin-left:5px;opacity:0}.content .btn button{border:2px solid #fff;cursor:pointer;font-size:16px;padding:10px 20px}.content .btn button:first-child{margin-right:15px}.content .btn button:nth-child(2){background:#0000;border:2px solid #fff;color:#f5b600;transition:.3s}.content .btn button:nth-child(2):hover{background-color:#f5b600;border-color:#f5b600;color:#fff}@keyframes animate{0%{filter:blur(33px);opacity:0;transform:translateY(100px)}to{filter:blur(0);opacity:1;transform:translate(0)}}.arrows{align-items:center;display:flex;gap:10px;max-width:30%;position:absolute;right:52%;top:80%;width:300px;z-index:100}.arrows button{background-color:#f5b600;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:monospace;font-size:16px;font-weight:700;height:50px;outline:none;transition:.5s;width:50px}.arrows button:hover{background:#fff;color:#000}.carousel .timeRunning{animation:runningTime 7s linear 1 forwards;background-color:#f5b600;height:4px;left:0;position:absolute;top:0;width:0;z-index:1000}@keyframes runningTime{0%{width:0}to{width:100%}}@media screen and (max-width:999px){header{padding-left:50px}.list .item .content{left:50px}.content .name,.content .title{font-size:70px}.content .des{font-size:16px}}@media screen and (max-width:690px){header nav a{font-size:14px;margin-right:0}.list .item .content{top:40%}.content .name,.content .title{font-size:45px}.content .btn button{font-size:14px;padding:10px 15px}}.mainDiv{align-items:center;display:flex;flex-direction:column;height:250px;justify-content:center;position:relative;width:250px}.mainDiv:before{border:2px solid #000;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(0deg);transition:transform .5s linear;width:100%}.imageCategory{height:100px;object-fit:fill;width:100px}.mainDiv:hover:before{animation:border-rotate 15s linear infinite;border:2px dashed #f5b600;cursor:pointer}@keyframes border-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.productMainDiv{align-items:center;display:flex;flex-direction:column;position:relative;transition:all .3s ease;width:90%}.imgProduct{height:400px;object-fit:fill;transition:transform .3s ease,box-shadow .3s ease;width:100%}.imgProduct:hover{box-shadow:10px 10px 20px #0000004d;transform:scale(1.1)}.heartIconDiv{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:20px;top:10px;transition:all .3s ease;z-index:5}.hiddenIcons{right:20px;top:50px}.hiddenContent,.hiddenIcons{opacity:0;position:absolute;transition:opacity .3s ease}.hiddenContent{align-items:center;background:#d3d3d3;border-radius:5px;display:flex;justify-content:center;padding:5px;top:330px;width:80%}.productMainDiv:hover .hiddenContent,.productMainDiv:hover .hiddenIcons{cursor:pointer;opacity:1}.hiddenContent IconButton,.hiddenIcons IconButton{margin:0 5px}.productMainDiv{transition:all .3s ease-in-out}.imgProduct:hover{transform:scale(1.05);transition:transform .3s ease}.productDetailsContainer{display:flex;gap:40px;justify-content:space-between;margin-top:30px;padding:20px}.imageGallery{align-items:center;display:flex;flex:1 1;flex-direction:column}.mainProductImage{border:1px solid #e0e0e0;height:400px;margin-bottom:20px;object-fit:cover;width:400px}.thumbnailContainer{display:flex;gap:10px}.thumbnailImage{border:1px solid #e0e0e0;cursor:pointer;height:100px;object-fit:cover;transition:transform .3s ease;width:100px}.thumbnailImage:hover{transform:scale(1.1)}.productInfo{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.productDescription{margin:20px 0}.productPrice,.quantitySelector{margin-bottom:20px}.quantitySelector{align-items:center;display:flex;gap:10px}.quantityInput{width:60px}.totalAmount{margin-bottom:20px}.addToCartButton{padding:10px 20px;width:200px}.aboutImage{height:100%;object-fit:fill;width:100%}
/*# sourceMappingURL=main.831872e4.css.map*/