.category__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__container:hover{cursor:pointer}.category__container:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.category__container:hover .category__container-body{opacity:.9}.category__container.large{height:380px}.category__container:first-child{margin-right:7.5px}.category__container:last-child{margin-left:7.5px}.category__container .background-image{width:100%;height:100%;background-size:cover;background-position:center}.category__container-body{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__container-body h2{font-weight:700;margin:0 6px;font-size:22px;color:#4a4a4a}.category__container-body p{font-weight:lighter;font-size:16px;color:#4a4a4a}.directory__container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.button-container{min-width:165px;width:auto;height:50px;letter-spacing:.5px;line-height:50px;padding:0 35px;font-size:15px;background-color:#000;color:#fff;text-transform:uppercase;font-weight:bolder;border:none;cursor:pointer;display:flex;justify-content:center}.button-container:hover{background-color:#fff;color:#000;border:1px solid black}.button-container.google-sign-in{background-color:#4285f4;color:#fff}.button-container.google-sign-in:hover{background-color:#357ae8;border:none}.button-container.inverted{background-color:#fff;color:#000;border:1px solid black}.button-container.inverted:hover{background-color:#000;color:#fff;border:none}.cart-item-container{width:100%;display:flex;height:80px;margin-bottom:15px}.cart-item-container img{width:30%;object-fit:cover}.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}.cart-dropdown-container{position:absolute;width:275px;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{display:flex;flex-direction:column;overflow-y:auto;height:80%}.cart-dropdown-container button{margin-top:auto}.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}.navigation{height:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:25px}.navigation__container{height:100%;width:70px;padding:25px}.navigation-links-container{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}.navigation-links-container .nav-link{padding:10px 15px;cursor:pointer}.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-top:10px 0}.sign-in-container{display:flex;flex-direction:column;width:380px}.sign-in-container h2{margin-top:10px 0}.sign-in-container .buttons-container{display:flex;justify-content:space-between;align-items:center}.authentication-container{display:flex;justify-content:space-between;width:900px;margin:30px auto}.products-container{display:grid;grid-template-columns:repeat(4,1fr);column-gap:10px;row-gap:50px}.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:20px}.category-container{display:grid;grid-template-columns:repeat(4,1fr);column-gap:20px;row-gap:50px}.category-title{font-size:38px;margin-bottom:25px;text-align:center}.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}.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}:root{font-size:16px;line-height:24px;font-weight:400}*{box-sizing:border-box}a{text-decoration:none;color:#000}body{margin:0;font-family:Open Sans,sans-serif;padding:20px 40px}