:root{--color-grey-primary:#f0f0f0;--color-yellow-primary:#daa520;--color-orange-primary:#ff8c00;--color-green-primary:#1ea09c;--background-color:#fff;--text-color:#232323;--primary-color:#f9f9f9;--secondary-color:hsla(0,0%,100%,.95);--border-color:#d1d1d1;--shadow-color:rgba(0,0,0,.1);--hover-color:hsla(0,0%,100%,.95);--button-background:#1ea09c;--button-hover-background:#1ea09c;--button-text-color:#fff;--button-border-color:#1ea09c;--button-border-radius:0.8rem;--button-padding:1.2rem 2rem}body{font-size:10px;margin:0;min-height:100vh;padding:0}.AppContainer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(15rem,2fr));margin-left:3rem;margin-right:3rem;padding:2rem}.AppContainer,.navbar{justify-content:center}.navbar{align-items:center;background-color:#1ea09c;background-color:var(--color-green-primary);box-shadow:0 8px 8px rgba(0,0,0,.1);box-shadow:0 8px 8px var(--shadow-color);color:#232323;color:var(--text-color);display:flex;height:3rem;padding:1.5rem;position:fixed;top:0;width:100%;z-index:1000}.navbar .logo{font-size:1.5rem;font-weight:700}.container{word-wrap:break-word;background:rgba(8,9,19,.843);border:.1rem solid #d1d1d1;border:.1rem solid var(--border-color);border-radius:.5rem;box-shadow:0 .4rem 1rem rgba(0,0,0,.1);box-shadow:0 .4rem 1rem var(--shadow-color);margin-top:5rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.container:before{background-image:url(https://i.postimg.cc/wTHRLyzV/6505028.jpg);background-position:50%;background-size:cover;z-index:-2}.container:after,.container:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.container:after{background-color:rgba(0,0,0,.662);z-index:-1}.container img{border-radius:.8rem;height:auto;margin-bottom:1rem;margin-top:2rem;max-width:10rem}.title{color:#f9f9f9;font-size:2rem;margin:1rem 0}.app_title,.title{font-family:Georgia,Times New Roman,Times,serif}.app_title{color:#1a1a1a;font-size:1.5rem;margin-top:2rem;text-align:center}.subtitle{color:#e2dfdf;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.6rem}.container button{background-color:transparent;border:.1rem solid #1ea09c;border:.1rem solid var(--button-border-color);border-radius:.8rem;border-radius:var(--button-border-radius);color:#fff;color:var(--button-text-color);cursor:pointer;margin-top:.2rem;padding:.6rem;transition:background-color .3s,-webkit-transform .2s;transition:background-color .3s,transform .2s;transition:background-color .3s,transform .2s,-webkit-transform .2s;width:20%}.container button:hover{background-color:#1ea09c;background-color:var(--button-hover-background);-webkit-transform:scale(1.05);transform:scale(1.05)}.productList{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.productCard{background:hsla(0,0%,100%,.95);background:var(--secondary-color);border:.1rem solid #d1d1d1;border:.1rem solid var(--border-color);border-radius:1.5rem;box-shadow:0 .6rem 1rem rgba(0,0,0,.1);box-shadow:0 .6rem 1rem var(--shadow-color);color:#232323;color:var(--text-color);font-size:1rem;margin:.1rem;max-width:30rem;padding:1.1rem;text-align:center;transition:background .2s,-webkit-transform .2s;transition:transform .2s,background .2s;transition:transform .2s,background .2s,-webkit-transform .2s;width:calc(100% - 4rem)}.productCard:hover{box-shadow:.5rem .75rem 1.5rem #bbb;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.productCard button{background-color:#1ea09c;background-color:var(--button-background);border:.1rem solid #1ea09c;border:.1rem solid var(--button-border-color);border-radius:.8rem;border-radius:var(--button-border-radius);color:#fff;color:var(--button-text-color);cursor:pointer;margin-top:.2rem;padding:.6rem;transition:background-color .3s,-webkit-transform .2s;transition:background-color .3s,transform .2s;transition:background-color .3s,transform .2s,-webkit-transform .2s;width:80%}.productCard button:hover{background-color:#1ea09c;background-color:var(--button-hover-background);-webkit-transform:scale(1.05);transform:scale(1.05)}.productImage{border:.1rem solid #d1d1d1;border:.1rem solid var(--border-color);border-radius:2rem;box-shadow:0 .4rem .6rem rgba(0,0,0,.1);box-shadow:0 .4rem .6rem var(--shadow-color);height:auto;margin-top:.5rem;padding:1rem;width:40%}.productCard__cart,.productCard__fastSelling,.productCard__wishlist{cursor:pointer;font-size:2rem;margin:.1rem;position:absolute;transition:.2s}.productCard__cart{right:0}.productCard__wishlist{right:3rem}.productCard__fastSelling{fill:#ff8c00;fill:var(--color-orange-primary);left:0}.productCard__content{margin:.4rem 0}.productName{font-size:1.2rem}.displayStack__1{display:flex;margin:.1rem 1rem}.displayStack__1,.displayStack__2{align-items:center;justify-content:space-between}.displayStack__2{display:block;margin-top:.5rem;width:100%}.productPrice{background-color:#fff;background-color:var(--background-color);border:.1rem solid #d1d1d1;border:.1rem solid var(--border-color);border-radius:.5rem;box-shadow:0 .1rem .2rem rgba(0,0,0,.1);box-shadow:0 .1rem .2rem var(--shadow-color);color:#232323;color:var(--text-color);font-size:1rem;height:2rem;padding:.1rem;transition:border-color .3s,box-shadow .3s;width:40%}.productPrice select:focus{border-color:#1ea09c;border-color:var(--button-border-color);box-shadow:0 0 0 .3rem rgba(0,123,255,.25);outline:none}.footer{background-color:#121212;box-shadow:0 -.2rem .4rem rgba(0,0,0,.1);box-shadow:0 -.2rem .4rem var(--shadow-color);color:#fff;padding:2rem}.footer-content{margin:0 auto;max-width:120rem;text-align:center}.footer-title{font-size:2.4rem;margin-bottom:1rem}.footer-details{font-size:1.6rem;line-height:1.5;margin-bottom:1rem}.footer-copy{background-color:#222323;border-radius:1rem;font-size:1.2rem;padding:.5rem}@media (max-width:768px){.AppContainer{grid-template-columns:2fr}.container button{width:40%}.title{font-size:1rem;margin:1rem 0}.subtitle{color:#666;font-size:.8rem}.productCard{font-size:1.4rem;min-width:20rem}.footer-title{font-size:1.5rem;margin-bottom:1rem}.footer-details{font-size:1rem;line-height:1.5;margin-bottom:1rem}.footer-copy{font-size:.8rem}.productCard__cart,.productCard__fastSelling,.productCard__wishlist{font-size:1.6rem}.productName,.productPrice,.productSales,.productTime{font-size:1rem}}@media (max-width:30rem){.productCard{font-size:1.2rem}.container button{width:50%}.productCard__cart,.productCard__fastSelling,.productCard__wishlist{font-size:1.4rem}.title{font-size:1.5rem;margin:1rem 0}.subtitle{color:#666;font-size:1rem}.productName,.productPrice,.productSales,.productTime{font-size:1.2rem}}
/*# sourceMappingURL=main.e716e4dc.css.map*/