*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#fff;display:flex;flex-direction:column;text-align:center}.component{display:flex;width:90vw}.header-font{font-size:56px;line-height:72px}.header-font,.paragraph-font{font-family:Poppins,sans-serif}.paragraph-font{color:#959799;font-size:18px;font-style:normal;font-weight:400;letter-spacing:.02em;line-height:27px;margin-bottom:60px}.footer-header-font{font-family:Poppins,sans-serif;font-size:16px;font-weight:600px;letter-spacing:-.02em;line-height:24px}.footer-paragraph-font{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:200;line-height:21px}.All-Products-Container{background:#f5f5f5;background:linear-gradient(0deg,#f5f5f5 75%,#fff);-webkit-column-gap:25px;column-gap:25px;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;padding:4rem 96px 0;width:100%}.card{border-radius:15px;height:475px;margin-bottom:32px;width:350px}.product-card-image{height:350px;width:350px}.product-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;height:40px;margin:auto;opacity:100%;padding:5px;text-transform:uppercase;width:100%}.product-button:hover{opacity:85%}.product-font{font-family:Poppins,sans-serif}.intro-section{height:90vh;position:relative}.intro-text-outlined{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:transparent}.intro-text-main,.intro-text-outlined{font-family:Poppins;font-size:5rem;height:100%;left:0;position:absolute;top:0;width:100%}.intro-text-main{-webkit-text-fill-color:transparent;background:linear-gradient(91.02deg,#4280cf 7.23%,#3975c0 14.99%,#0c315f 50.29%,#0a2444 63.22%,#03234b 85.09%,#4280cf 102.7%);-webkit-background-clip:text;-webkit-transform:translateY(5%);transform:translateY(5%)}#canvas-container{height:100%;width:100%}@media screen and (max-width:768px){.intro-text-main,.intro-text-outlined{font-size:3.8rem;top:30%}}@media screen and (max-width:481px){.intro-text-main,.intro-text-outlined{font-size:3rem;top:30%}.intro-text-main{-webkit-transform:translateY(3%);transform:translateY(3%)}}@media screen and (min-width:768px) and (max-width:1200px){.intro-text-main,.intro-text-outlined{font-size:6rem;top:25%}.intro-text-main{-webkit-transform:translateY(3%);transform:translateY(3%)}}@media screen and (min-width:1200px){.intro-text-main,.intro-text-outlined{font-size:9rem;top:10%}}.color-picker{left:0;position:absolute;top:40%}.SketchPicker{width:100%}.click-icon{-webkit-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite;color:#000;font-weight:600;left:60%;position:absolute;top:60%}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.products-section{flex-direction:column;justify-content:center;margin-bottom:96px}.product-list{grid-gap:1rem;display:flex;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center}.box{position:relative;width:25%}.product-img{border-radius:12px;opacity:90%;width:100%}.product-text{color:#fff;font-size:3rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.product-img:hover{opacity:100%}@media screen and (max-width:768px){.product-text{font-size:1.5rem}.box{width:40%}.product-list{flex-wrap:wrap}.products-section{margin-bottom:48px}}.features-component{align-items:flex-start;align-items:start;flex-direction:column;margin-bottom:96px;width:100vw}.header-font{font-size:3rem}.features-component p,.header-font{margin:auto;text-align:center;width:90vw}.features-container{padding:2rem 0;position:relative;width:100%}.features-container div{align-items:center;display:flex;gap:.3rem}.Carousel-fea-btn{background-color:#fffefe;border:initial;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;position:absolute;width:40px;z-index:1}.Carousel-fea-btn span{color:#000}.features-container div div{overflow:visible;overflow:initial}.left-Fea{left:3%;top:50%}.right-Fea{right:3%;top:50%}.card-wrapper{overflow:visible;overflow:initial}.card-img{border-radius:2px}@media screen and (max-width:768px){.features-component{margin-bottom:48px}}.populars-component{align-items:flex-start;align-items:start;flex-direction:column;margin-bottom:96px}.populars-component h2{font-size:3rem}.carousel-container{padding:2rem;position:relative;width:100%}.carousel-container div{display:flex;gap:2rem}.Carousel-btn{background-color:#fffefe;border:2px solid #000;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;height:30px;position:absolute;width:30px}.Carousel-btn span{color:#000}.left{right:10%;top:-3%}.right{right:5%;top:-3%}@media screen and (max-width:768px){.right{right:-2%}.card-img{height:60%}.populars-component{margin-bottom:0}}@media screen and (min-width:768px) and (max-width:1200px){.card-img{height:80%}}.promo-container{align-items:center;flex-wrap:wrap;justify-content:space-between;justify-content:center;margin-bottom:116px}.promo-header{text-align:left;width:100%}.header-font{text-align:left;width:auto}.join-now-button{background-color:#000;border-radius:7px;color:#fff;padding:1rem;text-align:center;width:22%}.promo-woman-image{border-radius:8px;width:90%}@media screen and (min-width:600px){.promo-header,.promo-woman-image{width:50%}}@media only screen and (max-width:600px){.join-now-button{margin-bottom:15px;width:100%}}.footer-container{background-color:#000;color:#fff;height:341px;width:100%}.footer-container,.footer-link-container{display:flex;justify-content:space-between}.footer-link-container{margin-left:96px;margin-top:64px;text-align:left;width:40%}ul{list-style-type:none}li{cursor:pointer;margin-top:16px}.contact-info-container{height:200px;margin-right:96px;margin-top:104px;text-align:right;width:250px}.social-media-icon{margin-left:12px}@media only screen and (max-width:850px){.footer-container{flex-wrap:wrap;height:100%;justify-content:flex-start}.footer-link-container{margin-left:0;width:100%}.contact-info-container{margin-right:0;text-align:center;width:100%}}.navigation{align-items:center;background-color:#fff;color:#000;display:flex;height:10vh;padding:.5rem 2rem;position:relative;width:100%}.brand-name{color:#000;font-size:1.3rem;margin-left:1rem;text-decoration:none}.navigation-menu{margin-right:auto}.navigation-menu ul{display:flex;padding:0}.navigation-menu li{list-style-type:none;margin:0 1rem}.navigation-menu li a{color:#000;display:block;font-size:1rem;font-weight:600;text-decoration:none;width:100%}.navigation-menu li a:hover{font-size:1.5rem;transition:.3s ease-in-out}.hamburger{border:0;border-radius:50%;cursor:pointer;display:none;height:40px;padding:.5rem;position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:background-color .2s ease-in-out;width:40px}.hamburger,.hamburger:hover{background-color:#1a1818}.sale-item{position:relative}.badge{background-color:red;border-radius:15px;color:#fff;left:1.2rem;padding:0 4px;position:absolute;text-align:center;top:-.8rem}.counter-styling{color:red;font-family:Poppins,sans-serif;position:absolute;top:5px}@media screen and (max-width:550px){.hamburger{display:block}.navigation-menu ul{background-color:#fff;border-top:1px solid #000;display:none;flex-direction:column;height:calc(100vh - 60px);left:0;position:absolute;top:60px;width:100%}.navigation-menu li{margin:0;text-align:center}.navigation-menu li a{color:#000;padding:1.5rem 0;width:100%}.navigation-menu li:hover{background-color:#eee}.navigation-menu.expanded ul{display:block;z-index:2}.badge{display:none}.counter-styling{font-size:18px;top:0}}.cart-page-container{margin-bottom:30px;margin-top:50px;text-align:center}.cart-header{font-family:Poppins,sans-serif;font-size:56px}.cart-item-container{align-items:center;border-radius:10px;display:flex;justify-content:space-around;margin-left:auto;margin-right:auto;text-align:center;text-decoration:underline;width:50%}.delete-button-container{display:flex}.empty-cart{font-family:Poppins,sans-serif;font-size:30px;text-align:center}.cart-image{max-height:75px;max-width:75px}.total-price{font-family:Poppins,sans-serif;font-size:30px;margin-bottom:40px;text-align:center;text-decoration:underline}.checkout-btn{background:none;background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:2rem;margin-top:30px;padding:15px}.delete-cart-item-btn{background:none;border:none;border-radius:10px;color:red;font-size:1rem;padding:5px}.delete-btn-img{cursor:pointer;height:2rem;width:2rem}.delete-btn-img:hover{-webkit-animation:shake .8s;animation:shake .8s}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px) rotate(0deg);transform:translate(1px) rotate(0deg)}10%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px) rotate(0deg);transform:translate(3px) rotate(0deg)}40%{-webkit-transform:translate(1px) rotate(1deg);transform:translate(1px) rotate(1deg)}50%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}60%{-webkit-transform:translate(-3px) rotate(0deg);transform:translate(-3px) rotate(0deg)}80%{-webkit-transform:translate(-1px) rotate(1deg);transform:translate(-1px) rotate(1deg)}to{-webkit-transform:translate(1px) rotate(-1deg);transform:translate(1px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px) rotate(0deg);transform:translate(1px) rotate(0deg)}10%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px) rotate(0deg);transform:translate(3px) rotate(0deg)}40%{-webkit-transform:translate(1px) rotate(1deg);transform:translate(1px) rotate(1deg)}50%{-webkit-transform:translate(-1px) rotate(-1deg);transform:translate(-1px) rotate(-1deg)}60%{-webkit-transform:translate(-3px) rotate(0deg);transform:translate(-3px) rotate(0deg)}80%{-webkit-transform:translate(-1px) rotate(1deg);transform:translate(-1px) rotate(1deg)}to{-webkit-transform:translate(1px) rotate(-1deg);transform:translate(1px) rotate(-1deg)}}
/*# sourceMappingURL=main.625b0213.css.map*/