@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..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{font-family:Poppins,sans-serif;padding:20px;text-align:center}img{height:200px;object-fit:contain;width:200px}.productContainer{background-color:#deb887;border:2px solid #000;border-radius:10px;margin:2%;position:relative;width:350px}.mainContainer{display:flex;flex-wrap:wrap}button{bottom:-10%}h1{color:#4b4132}h1,h2{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-style:normal;font-weight:600}h2{color:#234a20}.title{color:navy;font-size:2.5rem;margin-top:60px}.tagline{color:#419463;font-size:1.1rem;margin-bottom:30px}.btn-back,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .3s ease}.btn-primary{background-color:navy;color:#fff}.btn-primary:hover{background-color:#039;transform:scale(1.05)}.btn-back{background-color:#add8e6;margin-top:30px}.btn-back:hover{background-color:#00bfff;transform:scale(1.05)}.subtitle{color:#222543;font-size:1.5rem;margin-bottom:30px;margin-top:20px}.productContainer img{height:220px;margin-bottom:10px;object-fit:contain;width:100%}.productDetails{padding:10px}.productTitle{font-size:1rem;font-weight:600;margin:5px 0}.category{color:gray;font-size:.9rem}.price{color:#093;font-size:1.1rem;font-weight:700}.rating{color:orange;font-size:.9rem}@media (max-width:768px){.title{font-size:2rem}.subtitle{font-size:1.2rem}.productContainer img{height:180px}}@media (max-width:480px){.title{font-size:1.8rem}.tagline{font-size:1rem}.productContainer img{height:160px}}.mainContainer{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;padding:30px}.productContainer{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:10px;padding:15px;text-align:center;transition:transform .3s ease}.productContainer:hover{transform:scale(1.05)}
/*# sourceMappingURL=main.29729911.css.map*/