@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap";.category-main-container{min-width:30%;height:240px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid black;margin:0 7.5px 15px;overflow:hidden}.category-main-container:hover{cursor:pointer}.category-main-container:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.category-main-container:hover .category-body-container{opacity:.9}.category-main-container.large{height:380px}.category-main-container:first-child{margin-right:7.5px}.category-main-container:last-child{margin-left:7.5px}.category-main-container .background-image{width:100%;height:100%;background-size:cover;background-position:center}.category-main-container .category-body-container{height:90px;padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid black;background-color:#fff;opacity:.7;position:absolute}.category-main-container .category-body-container h2{font-weight:700;margin:0 6px;font-size:22px;color:#4a4a4a;text-transform:uppercase}.category-main-container .category-body-container p{font-weight:lighter;font-size:16px}.categories-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}@media (max-width: 767px){.categories-container{flex-direction:column}}.navigation{height:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:25px}.navigation .logo-container{height:100%;width:70px;padding:25px}.navigation .nav-links-container{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}.navigation .nav-links-container .nav-link{padding:10px 15px;cursor:pointer}.cart-icon-container{width:45px;height:45px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-icon-container .shopping-icon{width:24px;height:24px}.cart-icon-container .item-count{position:absolute;font-size:10px;font-weight:700;bottom:12px}.cart-dropdown-container{position:absolute;min-width:240px;height:340px;display:flex;flex-direction:column;padding:20px;border:1px solid black;background-color:#fff;top:90px;right:40px;z-index:5}.cart-dropdown-container .empty-message{font-size:18px;margin:50px auto}.cart-dropdown-container .cart-items{height:240px;display:flex;flex-direction:column;overflow:scroll}.cart-dropdown-container button{margin-top:auto}.cart-item-container{width:100%;display:flex;height:80px;margin-bottom:15px}.cart-item-container img{width:30%}.cart-item-container .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px}.cart-item-container .item-details .name{font-size:16px}.footer-container{display:flex;justify-content:center;align-items:center;border-top:1px solid #bbb;padding-top:5px;margin-top:10px}.footer-container span{padding-left:5px;font-weight:500}.shop-container{display:flex;flex-direction:column}.product-card-container{width:100%;display:flex;flex-direction:column;height:350px;align-items:center;position:relative}.product-card-container img{width:100%;height:95%;object-fit:cover;margin-bottom:5px}.product-card-container button{width:80%;opacity:.7;position:absolute;top:255px;display:none}.product-card-container:hover img{opacity:.8}.product-card-container:hover button{opacity:.85;display:flex}.product-card-container .footer{width:100%;height:5%;display:flex;justify-content:space-between;font-size:18px}.product-card-container .footer .name{width:90%;margin-bottom:15px}.product-card-container .footer .price{width:10%}.category-preview-container{display:flex;flex-direction:column;margin-bottom:30px}.category-preview-container .title{font-size:28px;margin-bottom:25px;cursor:pointer}.category-preview-container .preview{display:grid;grid-template-columns:repeat(4,1fr);column-gap:30px}@media (max-width: 767px){.category-preview-container .preview{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);row-gap:30px}}.category-container{display:grid;grid-template-columns:repeat(4,1fr);column-gap:30px;row-gap:50px}.category-title{font-size:38px;margin-bottom:25px;text-align:center}@media (max-width: 767px){.category-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 427px){.category-container{grid-template-columns:repeat(1,1fr)}}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:gray;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-radius:0;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-14px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:gray;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.3s ease all}.group .form-input-label.shrink{top:-14px;font-size:12px;color:#000}.sign-up-container{display:flex;flex-direction:column;width:380px}.sign-up-container h2{margin:10px 0}.sign-up-container .buttons-container{display:flex;justify-content:space-between}.authentication-container{display:flex;width:900px;justify-content:space-between;margin:30px auto}.checkout-container{width:55%;min-height:90vh;display:flex;flex-direction:column;align-items:center;margin:50px auto 0}.checkout-container .checkout-header{width:100%;padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid darkgrey}.checkout-container .checkout-header .header-block{text-transform:capitalize;width:23%}.checkout-container .checkout-header .header-block:last-child{width:8%}.checkout-container .total{margin-top:30px;margin-left:auto;font-size:36px;margin-bottom:30px}.checkout-item-container{width:100%;display:flex;min-height:100px;border-bottom:1px solid darkgrey;padding:15px 0;font-size:20px;align-items:center}.checkout-item-container .image-container{width:23%;padding-right:15px}.checkout-item-container .image-container img{width:100%;height:100%}.checkout-item-container .name,.checkout-item-container .quantity,.checkout-item-container .price{width:23%}.checkout-item-container .quantity{display:flex}.checkout-item-container .quantity .arrow{cursor:pointer}.checkout-item-container .quantity .value{margin:0 10px}.checkout-item-container .remove-button{padding-left:12px;cursor:pointer}.payment-form-container{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-container{height:100px;min-width:500px}.payment-button{margin-left:auto;margin-top:30px}body{margin:0;padding:20px 40px;font-family:Raleway,sans-serif;font-size:12px}*{box-sizing:border-box}a{text-decoration:none;color:#000}