@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}.icons img{height:30px;width:30px;align-self:center}.icons{display:flex;gap:10px;justify-content:center;align-items:center}header{display:flex;justify-content:space-around;margin-bottom:30px}.title{display:flex}.title{gap:50px}.title h1{font-size:2.5rem;font-style:italic;font-weight:900}nav{align-self:center}nav ul{display:flex;list-style:none;padding:0;margin:0;gap:20px}nav ul li{box-sizing:border-box;font-size:1.07rem;text-decoration:none;cursor:pointer;position:relative}nav ul li:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#000;transition:width .2s ease-in-out .1s}nav ul li:hover:after{width:100%}nav ul li a{text-decoration:none;color:#000}.search{display:flex;gap:20px}.search input{height:40px;align-self:center;width:300px;background-image:url(/assets/search-svgrepo-com.svg);background-size:30px 25px;background-repeat:no-repeat;background-position:2% 50%;text-indent:40px;padding:5px 3px;transition:.3s;border:none;border-radius:7px;background-color:#e7e7e7}.icons{padding:0;margin:0;list-style:none}.cart{position:relative}.cartItems{position:absolute;left:70%;top:0%;color:#fff;border-radius:15px;width:20px;display:flex;justify-content:center;align-items:center;height:20px;text-align:center;animation:.3s popUp ease-in-out;font-size:.9rem}@keyframes popUp{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}body{margin:0;box-sizing:border-box}*{font-family:Noto Sans,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.home{flex:1;font-family:Poppins,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/hmgoepprod.webp),url("/assets/hmgoepprod%20(3).jpeg"),url(/assets/hmgoepprod.jpeg),url("/assets/hmgoepprod%20(4).jpeg");background-repeat:no-repeat;background-size:max(25%,200px) max(100%,400px),max(25%,200px) max(100%,400px),max(25%,200px) max(100%,400px),max(25%,200px) max(100%,400px);background-position:0% 0%,33.333% 0%,66.667% 0%,100% 0%}.homeContent{display:flex;flex-direction:column;color:#fefefe;align-items:center;gap:15px}.homeContent *{margin:0}.homeContent h2{font-size:2.5rem}.homeContent h1{font-size:3rem}.homeContent p{font-size:1.7rem;box-sizing:border-box;text-align:center}.homeContent button{width:175px;height:50px;background-color:transparent;border:2px white solid;border-radius:6px}.homeContent button a{text-decoration:none;color:#fff;font-size:1.2rem}.productList{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,20%));justify-content:center;align-content:center;gap:20px;padding:0}.productList>li{display:flex;flex-direction:column;gap:15px;box-shadow:5px 5px 10px #aaa;border-radius:10px;padding:15px;cursor:pointer;transition:transform .2s ease-in}.productList>li:hover{transform:scale(1.01)}.items>div{display:flex;justify-content:space-between;flex-direction:column;align-items:center;height:100%}input[type=number]{height:25px;align-self:center;width:75px}picture{align-self:center}picture img{height:250px;width:200px}.cartUpdate{display:flex;gap:10px}.cartUpdate img{cursor:pointer;width:25px;height:auto;align-self:center}.loading-items{display:flex;min-height:100vh;justify-content:center;align-items:center}.loading{width:110px;display:flex;position:relative;top:15px}.loading span{display:inline-block;width:30px;height:30px;background-color:#000;border-radius:30px;position:absolute;bottom:0}.loading span:first-child{animation:loading-span1 1.3s infinite;left:0}.loading span:nth-child(2){animation:loading-span2 1.3s infinite;left:40px}.loading span:nth-child(3){animation:loading-span3 1.3s infinite;left:80px}@keyframes loading-span1{0%{height:30px}25%{height:50px}50%{height:30px}to{height:30px}}@keyframes loading-span2{0%{height:30px}25%{height:30px}50%{height:50px}75%{height:30px}to{height:30px}}@keyframes loading-span3{0%{height:30px}25%{height:30px}50%{height:30px}75%{height:50px}to{height:30px}}.productDetails{display:flex;flex-direction:column;align-items:center;gap:15px;flex-grow:1}.productDetails>p:nth-child(1){margin:0;font-size:1.2rem;text-align:center}.productDetails>p:nth-child(2){margin:0 0 15px;font-size:1.11rem}