@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);.app__con{margin-left:auto;margin-right:auto;max-width:1500px}.card{align-items:center;background-color:var(--clr-primary-7);border-radius:5px;display:flex;flex-direction:column;gap:30px;justify-content:center;padding:2em;text-align:center;width:100%}.svgcon{background:var(--clr-primary-10);border-radius:50%;padding:1.06em 1.1em .9em;width:-webkit-max-content;width:max-content}.cardImg{height:-webkit-max-content;height:max-content;position:relative;transition:all .3s ease-in;width:100%}.cardImg:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.cardImg__cover{background:var(--clr-black);border-radius:5px;height:100%;opacity:.3;transition:all .2s ease;width:100%}.cardImg__cover:hover{opacity:0}.cardImg__img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;cursor:pointer;height:225px;width:100%}.cardImg__text{display:flex;justify-content:space-between;margin-top:10px}.cardImg__title{color:var(--clr-grey-1);width:-webkit-max-content;width:max-content}.cardImg__pricing{color:var(--clr-primary-5)}.cardImg__search{background-color:var(--clr-primary-6);border-radius:50%;color:var(--clr-white);font-size:40px;left:50%;padding:10px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.home{max-width:100vw;overflow:hidden;padding-top:100px}.hero{display:flex;gap:2%;height:100;justify-content:center;margin:4% 0;padding:2% 5%;position:relative;width:100%}.hero,.hero__text{align-items:center}.hero__text{height:100%;padding-bottom:7%;width:50%}.hero__imgcon{width:50%}.hero__helper{max-width:500px}.img1{float:right;height:550px;margin-left:20px;position:relative;width:440px;z-index:-1}.img1,.img2{border-radius:3px;right:0}.img2{bottom:0;height:165px;margin-bottom:19px;margin-right:380px;position:absolute;width:250px}.hero__background{background:var(--clr-primary-9);border-radius:5px;height:400px;margin-right:150px;margin-top:60px;position:absolute;right:0;width:400px;z-index:-2}.hero__header{color:var(--clr-grey-1);font-size:50px;max-width:400px}.hero__helper{color:var(--clr-grey-6);font-size:1.25rem;padding-bottom:2rem;padding-top:2rem}.hero__button{background:var(--clr-primary-6);border:none;border-radius:5px;box-shadow:-5px 11px 9px 0 var(--clr-grey-9);color:var(--clr-white);cursor:pointer;padding:1.2em 2em;transition:all .15s ease}.hero__button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.feat{background:var(--clr-grey-10);height:-webkit-max-content;height:max-content;padding:8% 5%;text-align:center;width:100%}.feat__header{margin-bottom:5px;width:100%}.feat--line{border-top:4px solid var(--clr-primary-5);margin-left:auto;margin-right:auto;width:96px}.feat__box{display:flex;gap:2em;justify-content:center;margin:65px 0}.homelink{flex-grow:1}.feat__button{background:var(--clr-primary-6);border:none;border-radius:5px;color:var(--clr-white);cursor:pointer;padding:1.2em 2em;transition:all .3s ease}.feat__button:hover{box-shadow:0 5px 9px 0 var(--clr-grey-8);color:var(--clr-grey-4)}.feat__button:hover,.mid__back{background:var(--clr-primary-10)}.mid__back{height:420px;position:absolute;width:100%;z-index:-1}.midcon{display:flex;gap:35px;height:-webkit-max-content;height:max-content;padding:4em 6%}.mid__header{color:#000;display:flex;gap:2em;justify-content:space-between;padding:6em 6% 2em}.mid{position:relative;width:100%}.mid__right{color:var(--clr-primary-3);max-width:400px;text-align:right}.mid__left{font-size:30px;max-width:300px}.footer{align-items:center;display:flex;justify-content:space-between;padding:4em 6%}.footer__helper{max-width:450px}.footer__header{font-size:40px;margin-bottom:10px;max-width:500px}.footer__in{height:40px;width:400px}.footer__button{background:var(--clr-primary-5);border:none;cursor:pointer;height:40px;padding:0 2em}.bottom{background:var(--clr-black);color:var(--clr-white);padding:2em;text-align:center}@media screen and (max-width:1014px){.hero__imgcon{display:none}.hero{display:block;padding:2% 15%;text-align:left}.hero__header{font-size:40px}.hero__helper,.hero__text{width:100%}.cardImg{margin-bottom:65px}.mid{background:var(--clr-primary-10)}.mid__header{flex-direction:column}.mid__right{text-align:left}.footer{flex-direction:column}.footer__in{width:200px}.footer__helper{margin:2em 0}}@media screen and (max-width:900px){.hero__header{font-size:35px}.hero__helper{font-size:18px}.feat__box{margin-bottom:0}.feat__box,.midcon{flex-direction:column}}.navbar{align-items:center;background:var(--clr-primary-10);color:var(--clr-grey-2);display:flex;height:-webkit-max-content;height:max-content;justify-content:space-between;padding:1em 6em;position:fixed;transition:all .2s ease-in-out;width:100%;z-index:3}.navbar__image{height:60px;position:relative}.img{height:60px}.navbar__navItems{display:flex;flex-grow:1;gap:2em;justify-content:center}.navbar__aside{align-items:center;display:flex;gap:1.5em;height:50px}.navbar__item,Link{color:var(--clr-grey-2);text-decoration:none}.navbar__cart,.navbar__item{cursor:pointer}.navbar__cart{align-items:center;color:var(--clr-grey-2);display:flex;font-size:18px;gap:5px}.cc{margin-left:57px;margin-top:18px;top:0}.cc,.ccc{background:var(--clr-primary-4);border-radius:50%;color:var(--clr-white);font-size:16px;padding:5px 10px;position:absolute}.ccc{margin-bottom:27px;margin-left:67px}.log{align-items:center;cursor:pointer;display:flex;gap:5px;transition:all .2s ease-in-out}.car,.user{font-size:28px}.opts{align-items:center;background:var(--clr-grey-3);border-radius:4px;color:var(--clr-grey-9);height:-webkit-max-content;height:max-content;margin-right:10px;margin-top:75px;padding:1em;position:fixed;right:0;text-align:center;top:0;width:200px;z-index:20}.opt.off,.opts{transition:all .2s ease-in-out}.opt.off{display:none}.button{background:var(--clr-primary-2);border:none;border-radius:5px;color:var(--clr-grey-9);cursor:pointer;padding:.5em 1em}.name{font-size:15px;margin-bottom:20px}.email{font-size:16px;margin-bottom:6px}.hamburger{cursor:pointer;display:none;z-index:10}.ham.a.close{-webkit-transform:translateX(-10px) translateY(-10px) rotate(45deg);transform:translateX(-10px) translateY(-10px) rotate(45deg)}.ham.c.close{-webkit-transform:translateX(-10px) translateY(10px) rotate(-45deg);transform:translateX(-10px) translateY(10px) rotate(-45deg)}.ham.b.close,.sidenav{display:none}.navbar__item,.sidenav{transition:all .15s ease}.navbar__item{padding:5px}.navbar__item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:900px){.navbar{padding:5px}.navbar__image{width:100%}.on{background:var(--clr-white);font-size:20px;height:900vh;position:fixed;right:0;text-align:center;top:67px;transition:all .15s ease;width:80%;z-index:4}.sidenavoff{border-bottom:2px solid var(--clr-primary-9);display:flex;flex-direction:column;font-weight:400;gap:40px;margin-bottom:20px;padding:1em 0;top:30px}.navbar__navItems{display:none}.navbar__aside{display:none!important}.hamburger{display:unset;height:50px;position:relative;width:50px}.ham{border-top:3px solid var(--clr-grey-4);left:25%;position:absolute;top:25%;-webkit-transform:translate(-25%,-25%);transform:translate(-25%,-25%);width:30px;z-index:100px}.ham.b{margin-top:10px;transition:all .15s ease}.ham.a{margin-top:20px}.ham.a,.ham.c{transition:all .3s ease}.email.side{display:inline-block;font-size:18px;padding:0 4px 0 0}.sidee{background:var(--clr-primary-8);color:var(--clr-white);padding:1em 0 0}.name.side{display:inline-block;font-size:18px;padding:0}.button.side{font-size:18px;margin-top:20px;transition:all .15s ease-in}.button.side:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.navbar__cart{justify-content:center;padding-bottom:4px;transition:all .2s ease}.navbar__cart:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}}.signin{align-items:center;font-size:16px;margin-left:auto;margin-right:auto;overflow:hidden;width:80%}.err{color:var(--clr-primary-4);padding-bottom:15px}.inter{font-size:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.signin__con{border:1px solid var(--clr-grey-4);border-radius:10px;margin-left:auto;margin-right:auto;margin-top:6em;max-width:400px;padding:2em}.signin__signup{padding:1em 0 2em}.signup__button{background:none;border:none;color:var(--clr-grey-4);cursor:pointer}.sign__buttoncon{display:flex;justify-content:center;width:100%}.signin__form{margin-bottom:1em}.signin__input{padding-bottom:8px}.sign__input{border:1px solid var(--clr-grey-3);border-radius:5px;font-size:16px;outline:none;padding:9px;width:100%}.sign__button{background:var(--clr-primary-9);border:none;border-radius:5px;cursor:pointer;margin-top:20px;padding:1em 2em;width:100%}.signin__header{text-align:center}.about{height:-webkit-max-content;height:max-content;min-height:90vh;padding:140px 30px 40px}.about__container{grid-gap:2em;display:grid;gap:2em;grid-template-columns:1fr 1fr;width:100%}.about__photo{background:url(https://react-course-comfy-sloth-store.netlify.app/static/media/hero-bcg.a876f19f.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:100%;width:100%}.about__header{font-size:30px;padding-bottom:30px}.about__p{line-height:40px}@media screen and (max-width:990px){.about__container{display:flex;flex-direction:column}.about__photo{height:300px;margin-bottom:20px}}.products{display:flex;max-width:100vw;min-height:100vh;overflow:hidden;padding:150px 5% 8%}.products__search{background:var(--clr-grey-9);border:none;border-radius:5px;font-size:20px;margin-bottom:20px;padding:4px 9px;width:100%}.products__header{font-size:18px;font-weight:500;margin-bottom:15px}.products__text{color:var(--clr-grey-4);cursor:pointer;font-weight:400;margin-bottom:15px;padding-bottom:4px;transition:all .15s ease;width:-webkit-max-content;width:max-content}.products__cards{flex-grow:1;padding-left:25px}.products__sidepanel{min-width:170px}.products__text.active{border-bottom:1px solid var(--clr-grey-1);color:var(--clr-grey-2);transition:all .25s ease}.products__header{align-items:center;display:flex;gap:4%}.products--line{border-top:1px solid var(--clr-grey-2);flex-grow:1}select{font-size:15px;height:100%;padding:3px}.products__headtext{font-weight:400}.products__cardCon{flex-grow:1;min-width:300px}.products__product{flex-grow:1;margin-bottom:15px}.product__con{display:flex;flex-wrap:wrap;gap:4%;max-width:100%}@media screen and (max-width:743px){.products{flex-direction:column}.products__category{display:flex;flex-wrap:wrap;gap:16px}}.loader__con{height:100%;position:relative;width:100%}.lds-roller{display:inline-block;height:80px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{background:var(--clr-primary-5);border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.product{color:var(--clr-grey-2);padding:120px 5% 8%}.product__back{margin:30px 0}.product__flex{display:flex;gap:6%;height:500px}.product--image{background:url(https://react-course-comfy-sloth-store.netlify.app/static/media/hero-bcg.a876f19f.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;flex-grow:1;height:100%;width:50%}.product__contentBlock{flex-grow:1;max-height:460px;width:50%}.product__count{align-items:center;display:flex;gap:15px;margin-bottom:10px;margin-top:20px}.minus,.plus{background:none;border:none;cursor:pointer;font-size:30px}.product__desc{line-height:34px;margin-bottom:30px}.product__header{margin-bottom:10px}.product__avail,.product__price{margin-bottom:20px}@media screen and (max-width:990px){.product__flex{flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:space-between}.product__contentBlock{max-height:-webkit-max-content;max-height:max-content;min-height:-webkit-max-content;min-height:max-content;padding:20px 0;text-align:center;width:100%}.product__count{justify-content:center}.product__desc{width:100%}.product--image{height:400px!important;width:100%}}.cart{min-height:90vh;padding:120px 5% 8%}.width{width:20px}.cart__header{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;font-size:12px;grid-template-columns:1fr 1fr 1fr 1fr auto;justify-items:center}.cart--line{border-top:1px solid var(--clr-grey-4);margin-bottom:20px;margin-top:20px}h2{color:var(--clr-grey-4);font-weight:300}.fill{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.empty{padding-bottom:20px;text-align:center}@media screen and (max-width:740px){.cart--line.a,.cart__header{display:none}.cart{padding-top:170px}}.cardcomp__con{grid-gap:3rem 1rem;-webkit-box-align:center;align-items:center;display:grid;gap:3rem 1rem;grid-template-columns:1fr 1fr 1fr 1fr auto;grid-template-rows:75px;margin-bottom:3rem;place-items:center}.cardcomp__image{border-radius:5px;height:75px;width:100px}.cardcomp__item{align-items:center;display:flex;gap:10px}.cardcomp__price{color:var(--clr-primary-7);font-weight:300}.cardcomp__Subtotal{color:var(--clr-grey-7);font-weight:300}.cardcomp__trash{color:#bb2525;cursor:pointer}.cardcomp__smprice{display:none}.product__count.cardcomp__quantity{margin:0}.cardcomp__name{width:100px}@media screen and (max-width:740px){.cardcomp__smprice{display:block;padding-top:5px}.cardcomp__Subtotal,.cardcomp__price{display:none}.cardcomp__con{grid-template-columns:2fr 1fr 1fr}}.sub{display:flex;justify-content:right;width:100%}.sub__con{border:1px solid var(--clr-grey-6);border-radius:5px;padding:20px 27px;width:300px}.sub__first,.sub__second,.sub__third{display:flex}.first__a,.second__a,.third__a{flex-grow:1;font-size:18px;padding-bottom:10px}.first__b,.second__b,.third__b{font-size:18px}.first__a,.first__b{font-size:18px;font-weight:700}.sub__button{margin-top:20px;width:100%}@media screen and (max-width:740px){.sub{justify-content:center}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:all .15s ease-in}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;text-decoration:none}:root{--clr-primary-1:#453227;--clr-primary-2:#5f4435;--clr-primary-3:#795744;--clr-primary-4:#936a53;--clr-primary-5:#ab7a5f;--clr-primary-6:#b99179;--clr-primary-7:#c5a491;--clr-primary-8:#d1b6a8;--clr-primary-9:#decbc0;--clr-primary-10:#eaded7;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 5px 15px rgba(0,0,0,.2);--max-width:1170px;--fixed-width:620px}
/*# sourceMappingURL=main.663a0eab.css.map*/