@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif}html{height:100%}body{min-height:100%;background-image:url(/assets/backgroundImg-hoFhhy0R.jpg);background-repeat:no-repeat;background-attachment:fixed}#root{height:100%}.header{position:sticky;top:0;display:flex;width:100%;height:100px;justify-content:center;align-items:center;color:#fff;padding:0 30px;background-color:#0b112b}.ham-menu{display:none}.header h1{font-size:2em;flex:1}.navigation{display:flex;justify-content:center;flex:1;gap:50px}.navigation .active{border-bottom:3px solid white}.navigation li{list-style:none;text-decoration:none}.navigation li a{text-decoration:none;color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-links{display:none;position:absolute;padding-bottom:10px;border-radius:10px;background-color:#1c202cb3;box-shadow:0 8px 16px #0003;z-index:1}.categoriesBtn:hover{cursor:pointer}.dropdown-links a{color:#fff;padding:12px 16px;margin:0 10px;text-decoration:none;display:block}.dropdown-links a.active{border-bottom:3px solid white}.dropdown:hover .dropdown-links{display:block}.cart-bar{display:flex;flex:1;justify-content:flex-end}.cart-bar{height:100%}.cart-bar button{position:relative;background:transparent;border:none}.cart-quantity{position:absolute;color:#fff;background-color:#0b112b;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px;border-radius:100%;text-align:center}.cart-bar button:hover{cursor:pointer}.cart-sidebar{position:absolute;color:#000;top:100px;right:0;border-radius:10px 0 0 10px;height:calc(100vh - 100px);overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;padding:20px 50px;gap:20px;width:30%;background-color:#fff;box-shadow:-13px 0 16px #000000c7}.cart-item{height:fit-content;display:flex;flex-direction:column;gap:10px}.cart-item button{margin-bottom:30px;font-size:15px;font-weight:700;width:fit-content;align-self:center;padding:10px;border-radius:10px;background-color:#da3b3b;color:#fff}.cart-item-info{display:flex;align-items:center;gap:20px;height:100px}.cart-item-description{display:flex;flex-direction:column;gap:10px}.cart-item-description>p{font-size:.9em}.cart-item input{padding:5px;text-align:center;font-size:20px;width:50%;align-self:center}.checkout-info p{font-size:30px;text-align:right;padding:10px}.checkOut{font-size:20px;padding:10px;background-color:#235723;color:#fff;border-radius:10px;font-weight:700;width:100%}.checkOut:hover,.cart-item button:hover{cursor:pointer}.home{height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.home h1{font-size:50px;animation:fade-in-left 2s ease-in-out}.home p{font-size:20px;width:30%;text-align:center;margin-top:50px;animation:fade-in-left 2s ease-in-out}@keyframes fade-in-left{0%{opacity:0%;transform:translate(-50vw)}to{opacity:1;transform:translate(0)}}.home button{margin-top:50px;padding:10px;font-size:1.5em;background-color:#0b112b;color:#fff;border-radius:10px;border:1px solid white}.products{justify-content:center;display:flex;flex-wrap:wrap;gap:20px;padding:50px;text-align:center}.product-card{width:300px;height:380px;display:flex;flex-direction:column;border:1px solid black;border-radius:10px;background-color:#fff6;padding:20px}.product-title{display:flex;align-items:center;justify-content:center;margin-bottom:20px;height:15%;font-weight:700}.product-img{background-color:#fff;margin-bottom:10px;border-radius:10px;height:40%;display:flex;justify-content:center;align-items:center}.product-price{font-weight:700;font-size:large;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid black}.product-card input{width:50%;margin:0 auto 20px;padding:10px 0;height:20px;font-size:20px;text-align:center;border-radius:10px}.product-card button{width:fit-content;margin:0 auto;padding:10px;font-size:15px;border-radius:10px;color:#fff;background-color:#0b112b}img{height:70%;width:auto}.empty-cart{display:flex;flex-direction:column;gap:100px}.empty-cart p{text-align:center;font-size:2em}.empty-cart img{align-self:center;width:40%}.loader{display:flex;justify-content:center;margin:0 auto;width:30%}.about{display:flex;flex-direction:column;align-items:center;background-color:#fff6;margin:100px auto 0;gap:30px;padding:50px}.about img{height:50px;width:60px}.about a{text-decoration:none;color:#00f}.photo-credit,.github-profile,.store-credit{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}@media screen and (max-width:1200px){.ham-menu{display:flex;height:50%;background-color:transparent;justify-content:flex-start;align-items:center;border:none;flex:1}.hamburger-icon{height:70%;border:1px solid white;border-radius:5px}.menu{position:absolute;color:#000;top:100px;left:0;border-radius:0 10px 10px 0;height:calc(100vh - 100px);overflow-y:auto;width:50%;padding:20px;color:#fff;background-color:#2a3461;box-shadow:-13px 0 16px #000000c7}.menu ul{list-style:none;display:flex;flex-direction:column;gap:20px}.menu ul li{border-bottom:1px solid white}.menu ul li a{color:#fff;text-decoration:none}.header h1{text-align:center;font-size:1.5em}.cart-bar{flex:1;height:50%}.navigation{display:none}.cart-sidebar{width:70%;padding:20px}.home h1{font-size:3em}.home p{font-size:1.5em;width:80%}.dropdown-links{background-color:#1c202c}}@media screen and (min-width:2400px){body{background-size:cover}}