body{display:flex;justify-content:center;align-items:center}.navabar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#333;color:#fff;border-radius:50px;width:80vw;max-width:100%;box-sizing:border-box;margin:0;overflow:auto}.logo-contanier{display:flex;align-items:center}.logo{width:50px;height:50px;margin-right:10px;border-radius:50%;transition:all 1s ease;cursor:pointer}.logo:hover{box-shadow:0 4px 8px #05f0f080}.label{font-size:1.5rem}.nav-links{display:flex;justify-content:center;gap:30px;flex:1;list-style:none}.links{text-decoration:none;color:#fff;font-size:1.2rem;transition:all .7s ease}.links:hover{color:#9d4edd;transition:all .7s ease;text-decoration:underline;border-bottom:2px solid green}.links:focus{color:#9d4edd;transition:all .7s ease;text-decoration:underline;border-bottom:2px solid green}.github-logo{width:30px;height:30px;margin-left:50px;transition:all .7s ease}.github-logo:hover{transform:scale(1.2) rotate(10deg);opacity:.8}.github-container{display:flex;align-items:center}@media (max-width: 768px){.navabar{flex-direction:row;padding:15px;border-radius:50px}.nav-links{flex-direction:row;gap:10px;align-items:center}.nav-links li{margin:0}}@media (max-width: 480px){.label{font-size:1.2rem}.nav-links a{font-size:1rem}.logo{width:40px;height:40px}.github-logo{width:25px;height:25px}}body{background-color:#262626;color:#fff;text-align:center;font-family:Arial,sans-serif;padding:0;margin:0}.home-container{display:flex;align-items:center;justify-content:center;height:100vh;position:relative;z-index:1;overflow:hidden}.bg-image{background-size:cover;background-position:center;height:100vh;width:100%;position:absolute;top:0;left:0;z-index:-1;transition:filter .5s ease;cursor:pointer}.bg-image:hover{filter:brightness(.8)}.overlay{background-color:#000000c2;padding:20px;text-align:center;border-radius:10px;max-width:80%;width:100%;margin:auto}.headline{color:#fff;font-size:3rem;margin-bottom:20px}.tagline{color:#ddd;font-size:1.5rem;margin-bottom:30px}.cta-btn{display:inline-block;padding:10px 20px;background-color:green;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.cta-btn:hover{background-color:#006400}@media (max-width: 768px){.headline{font-size:2.5rem}.tagline{font-size:1.2rem}.cta-btn{padding:8px 16px;font-size:1rem}.overlay{max-width:90%}}@media (max-width: 480px){.headline{font-size:2rem}.tagline{font-size:1rem}.cta-btn{padding:6px 12px;font-size:.9rem}.overlay{max-width:95%}}.product-card{position:relative;width:100%;max-width:800px;background-color:#202020;color:#fff;border-radius:18px;transition:.3s;overflow:hidden;box-shadow:0 4px 8px #fff3;margin:20px auto}.product-card:hover{transform:scale(1.05)}.product-image{margin-top:20px;aspect-ratio:1.7 / 1;width:70%;background-position:center center;object-fit:contain;max-width:100%}.add-to-cart-btn{position:absolute;top:20px;right:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.add-to-cart-btn:hover{background-color:#45a049}.product-title{margin-top:20px;font-size:2rem;font-weight:700}.product-price{margin-top:10px;font-size:1.5rem}@media (max-width: 768px){.product-card{width:90%}.product-title{font-size:1.5rem}.product-price{font-size:1.2rem}.add-to-cart-btn{padding:8px 16px;top:15px;right:15px}}@media (max-width: 480px){.product-card{width:100%}.product-title{font-size:1.2rem}.product-price{font-size:1rem}.add-to-cart-btn{padding:6px 12px;top:10px;right:10px}}.products-grid{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:30px;gap:30px;padding:20px;border-radius:10px;flex-direction:row}.backBtn{display:flex;align-items:center;justify-content:center;margin-top:30px}.back-button{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:10px;transition:background-color .3s ease}.back-button:hover{background-color:#555}.cart-page{padding:20px}h1{text-align:center;margin-bottom:20px}.cart-summary{margin:20px 0}.cart-item{display:flex;align-items:center;margin-bottom:15px;padding:10px;background-color:#202020;color:#fff;border-radius:10px}.cart-item-image{width:80px;height:80px;object-fit:cover;margin-right:20px}.cart-item-details{flex:1}.cart-item-title{font-size:1.2rem;margin:0}.cart-item-price,.cart-item-quantity{margin:5px 0;font-size:1rem}.cart-total{margin-top:20px;text-align:right;font-size:1.5rem;font-weight:700}.checkout-button{display:block;width:100%;padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease}.checkout-button:hover{background-color:#555}.delete-item-btn{background-color:red;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;margin-top:10px}.delete-item-btn:hover{background-color:#8b0000}