body{font-family:Oswald,sans-serif}::-webkit-scrollbar{background-color:#fff;width:5px}::-webkit-scrollbar-thumb{background-color:#212121}a{text-decoration:none;color:#000}*{box-sizing:border-box}.category-container{min-width:30%;height:230px;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{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{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 h1{font-weight:700;margin:10px 6px 0;font-size:22px;color:#4a4a4a}.category-container .category-body p{font-weight:lighter;font-size:16px;margin:5px 0 15px}.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}.sign-up-container h2{margin:10px 0}.sign-up-container .buttons-container{display:flex;justify-content:space-between}.authentication-container{display:flex;justify-content:space-between;width:900px;margin:30px auto}.navigation-pannel{height:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:25px}.navigation-pannel .navigation-logo-container{height:100%;padding:15px}.navigation-pannel .navigation-logo-container .navigation-logo{width:60px}.navigation-pannel .navigation-links-conatiner{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}.navigation-pannel .navigation-links-conatiner .navigation-link{padding:10px 15px;cursor:pointer}.containerOuter{display:flex;justify-content:center;align-items:center}.containerOuter .container{width:700px}.mainContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.mainContainer .itemContainer{height:370px;margin:5px;display:flex;flex-direction:column;width:215px;border:black 1px solid}.mainContainer .itemContainer .productImage{overflow:hidden}.mainContainer .itemContainer .productImage .image{transform:scale(1.3);width:215px}.mainContainer .itemContainer .productDetails{padding:5px 10px;margin:0}.mainContainer .itemContainer .productDetails input{border:none;background-color:#f0f0f0;width:55px;border-radius:0;font-family:Oswald,sans-serif}.mainContainer .itemContainer .productDetails input:focus{outline:none}.mainContainer .itemContainer p,.mainContainer .itemContainer h3{margin:0}.mainContainer .itemContainer .rating{font-size:13px}.button{cursor:pointer;border:none;padding:5px 0 5px 10px;margin:0;display:flex;font-family:Oswald,sans-serif;gap:5px;align-items:center}.button:hover{background-color:#000;color:#fff}.Outer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}.Outer .MainContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.Outer .MainContainer .itemContainer{height:300px;margin:5px;display:flex;flex-direction:column;width:215px;border:black 1px solid}.Outer .MainContainer .itemContainer .productImage{overflow:hidden}.Outer .MainContainer .itemContainer .productImage .image{transform:scale(1.3);width:215px}.Outer .MainContainer .itemContainer .productDetails{padding:5px 10px;margin:0}.Outer .MainContainer .itemContainer p,.Outer .MainContainer .itemContainer h3{margin:0}.Outer .MainContainer .itemContainer .rating{font-size:13px}.Outer .MainContainer .itemContainer .price span{color:gray}.popup{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#38383888;display:flex;align-items:center;justify-content:center}.popup .popupContainer{position:relative;width:900px;background-color:#f0f8ff;padding:30px 55px}.popup .popupContainer .deliveryHike{color:gray;font-size:small;margin:10px 0 0}.popup .popupContainer .totalPrice{margin-top:20px}.popup .popupContainer P{text-align:end}.popup .popupContainer h3{margin:0 0 15px}.popup .popupContainer button{position:absolute;top:30px;margin:5px 0;font-weight:700;right:55px;border:none;cursor:pointer;background-color:#f0f8ff}.popup .popupContainer .items{display:flex;justify-content:space-between}.popup .popupContainer .items p{margin:10px 0}.popup .popupContainer .items div{display:flex;width:200px}.popup .popupContainer .items div .name{width:150px;text-align:start}.popup .popupContainer .items div div{display:flex;justify-content:end}