.navigation{height:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:25px}.navigation .logo-container{height:100%;width:70px;padding:25px}.navigation a{text-decoration:none;color:#000}.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}.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-body-container{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 .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-container .category-body-container h2{font-weight:700;margin:0 6px;font-size:22px;color:#4a4a4a}.category-container .category-body-container p{font-weight:lighter;font-size:16px}.directory-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.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}.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-family:Open Sans Condensed;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}.sign-up-container{display:flex;flex-direction:column;width:380px}h2{margin:10px 0}.button-container{display:flex;justify-content:space-between}.authentication-container{display:flex;justify-content:space-between;width:900px;margin:30px auto}.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%}.products-container{display:grid;grid-template-columns:repeat(4,1fr);column-gap:10px;row-gap:50px}