*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.food-item{min-height:100vh;width:100%;display:flex}@media screen and (max-width:550px){.food-item{flex-direction:column}}.left-menu-details{height:100vh;width:20%;background:#350303;padding:15px;display:flex;flex-direction:column;gap:15px;align-items:center}@media screen and (max-width:768px){.left-menu-details{width:30%}}.left-menu-details h4{font-size:25px;text-align:center;font-weight:500;color:#000;height:10%;width:90%;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:#b3b306}.left-menu-details nav{height:80%;width:85%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;border-radius:10px;padding:5px;scrollbar-color:white;scrollbar-width:10px}.left-menu-details nav main{height:15%;min-height:7vh;width:100%;padding:6px;display:flex;align-items:center;border-radius:5px;color:#b3b306;border:1px solid #450707;box-shadow:#64646f33 0 7px 29px;cursor:pointer}@media screen and (max-width:550px){.left-menu-details{width:100%;height:20vh;flex-direction:row}.left-menu-details h4{height:80%;width:30%;font-size:20px;min-width:120px}.left-menu-details nav{display:flex;flex-direction:row;overflow-x:scroll}.left-menu-details nav main{height:90%;min-width:150px}}.right-menu-details{min-height:100vh;width:80%;background:url(https://www.textures4photoshop.com/tex/thumbs/italian-restaurant-menu-with-chalkboard-background-1449.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;align-items:flex-end;justify-content:center}@media screen and (max-width:768px){.right-menu-details{width:70%}}@media screen and (max-width:550px){.right-menu-details{min-height:80vh;width:100%}}.right-menu-main-holder{height:75vh;width:70%;display:flex;justify-content:center}.right-menu-main-holder main{height:70%;width:80%;display:flex;justify-content:space-between}.right-menu-main-holder main nav{height:100%;width:52%;padding:50px 15px 15px;display:flex;flex-direction:column;gap:10px;justify-content:center;color:#b3b306}.right-menu-main-holder main nav h5{font-size:20px;text-align:center;font-weight:500}.right-menu-main-holder main nav p{font-size:15px}.right-menu-main-holder main nav h6{font-size:25px}.right-menu-main-holder main div{height:100%;width:45%;border-radius:15px}.right-menu-main-holder main div img{height:100%;width:100%;border-radius:15px;object-fit:cover}@media screen and (max-width:768px){.right-menu-main-holder{width:100%}.right-menu-main-holder main{flex-direction:column;align-items:center;margin-top:10px}.right-menu-main-holder main div{width:80%;height:60%}.right-menu-main-holder main nav{width:80%;height:50%}}.btn{padding:10px;border-radius:10px;position:absolute;top:10%;left:30%;font-size:20px;background:transparent;cursor:pointer;box-shadow:#959da533 0 8px 24px}@media screen and (max-width:768px){.btn{top:13%;left:35%}}@media screen and (max-width:550px){.btn{left:2%;top:23%}}.food{height:50vh;width:40%;background:url(https://bestofpanda.com/wp-content/uploads/2020/12/Vegetables-diet-food-pana.jpg);border-radius:10px;background-repeat:no-repeat;background-position:center;transform:scale(1);transition:all .35s ease-in;cursor:pointer}.food:hover{transform:scale(1.05);transition:all .35s ease-out;box-shadow:#64646f33 0 7px 29px}.food-item{height:70%;width:100%}.food-details{height:30%;width:100%;background-color:#dcf8ea89;padding:15px;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:5px}.food-details h4{font-size:20px;font-weight:500;text-align:center}.food-details p{font-size:22px;font-weight:700;text-align:center}.header{height:13vh;width:100%;background:#f5fffa;display:flex;align-items:center;padding-inline:20px;position:sticky;gap:15px;justify-content:space-between;*/ */ h3{font-size:20px;font-weight:500;background-color:#0ff;@media screen and (max-width: 768px){font-size:30px}}}.header div{height:100%;width:9%;min-width:90px;border-radius:15px}.header div img{height:100%;width:100%;border-radius:15px}#item{width:25%;outline:none;border-radius:5px;cursor:pointer}@media screen and (max-width: 768px){#item{width:40%;height:30%}}@media screen and (max-width: 600px){#item{width:55%}}@media screen and (max-width:485px){#item{width:80%;font-size:10px}}.select-holder{height:100%;width:70%;display:flex;align-items:center;justify-content:space-between}.select-holder h3{font-size:20px;font-weight:500}@media screen and (max-width: 768px){.select-holder{flex-direction:column;justify-content:space-around}}@media screen and (max-width:600px){.select-holder h3{font-size:14px}}@media screen and (max-width:485px){.select-holder h3{font-size:12px;text-align:center}}.landing-page{height:max-content;width:100%;background:transparent;display:flex;flex-direction:column;align-items:center}.landing-page-holder{height:85vh;width:95%;background:url(https://c8.alamy.com/comp/EXNBGX/kitchen-or-restaurant-and-food-hero-header-kitchen-items-with-copy-EXNBGX.jpg);display:flex;align-items:center;gap:20px;justify-content:center}.daily-special{height:90%;width:65%;margin:20px;border-radius:15px;box-shadow:#959da533 0 8px 24px}@media screen and (max-width:768px){.daily-special{width:90%}}.daily-special img{height:100%;width:100%;border-radius:15px}.daily-special-two{height:90%;width:45%;transform:scale(1);transition:all .35s ease-in;border-radius:15px}.daily-special-two img{height:100%;width:100%;border-radius:15px}.category-holder{height:8vh;width:100%;display:flex;padding-inline:50px;align-items:center;background:#dcf8ea;justify-content:space-between}.items-holder{height:100vh;width:100%;background:url(https://png.pngtree.com/thumb_back/fh260/background/20241015/pngtree-thanksgiving-table-ideas-roast-turkey-side-dishes-and-festive-decor-image_16401095.jpg);background-repeat:no-repeat;background-size:cover;padding:20px;display:flex;align-items:center;justify-content:space-around}@media screen and (max-width:768px){.items-holder{flex-direction:column;height:max-content;gap:20px}}.starter-holder{height:80%;width:30%;border-radius:30px;transform:scale(1);transition:all 2s;cursor:pointer}@media screen and (max-width:768px){.starter-holder{width:80%}}.starter-holder img{height:100%;width:100%;border-radius:30px}.starter-holder:hover,.dessert-holder:hover,.main-menu-holder:hover{transform:scale(1.03);transition:all 2s}.main-menu-holder{height:100%;width:36%;border-radius:30px;transform:scale(1);transition:all 2s;cursor:pointer}@media screen and (max-width:768px){.main-menu-holder{width:80%}}.main-menu-holder img{height:100%;width:100%;border-radius:30px}.dessert-holder{height:80%;width:30%;border-radius:30px;transform:scale(1);transition:all 2s;cursor:pointer}@media screen and (max-width:768px){.dessert-holder{width:80%}}.dessert-holder img{height:100%;width:100%;border-radius:30px}.login{height:100vh;width:100%;background-color:#000;display:flex;align-items:center;justify-content:center}.login-holder{height:75%;width:70%;border:1px solid gainsboro;box-shadow:#64646f33 0 7px 29px;border-radius:15px;padding:15px;display:flex;align-items:center;justify-content:center}.login-holder nav{height:100%;width:50%;display:flex;align-items:center;justify-content:center;padding:0}@media screen and (max-width:600px){.login-holder nav{width:100%}}.login-holder .login-img-holder{height:80%;width:50%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:600px){.login-holder .login-img-holder{display:none}}.login-holder .login-img-holder img{height:100%;width:80%}.main-holder{height:80%;width:70%;background-color:#2c2828d2;display:flex;flex-direction:column;gap:10px;padding:10px;align-items:center;box-shadow:#64646f33 0 7px 29px;border-radius:10px}.main-holder footer{height:15%;width:100%;display:flex;align-items:center;gap:5px;text-align:center;justify-content:center;font-size:6px;color:gray}.main-holder footer span{color:#fff;cursor:pointer}.main-holder h3{color:#fff}.main-holder nav{height:70%;width:100%;display:flex;flex-direction:column;gap:10px}.main-holder nav button{width:90%;padding:3px;background-color:#ff4500;color:#fff;outline:none;border:none;cursor:pointer}.main-holder nav h6{width:100%;text-align:right;color:gray;cursor:pointer}.main-holder nav div{height:70%;width:90%}.main-holder nav div input{width:100%;padding:10px;font-size:10px;border:none;outline:none}.main-holder nav div p{font-size:10px;font-weight:600;color:gray}.sign-up{height:100vh;width:100%;background:url(https://static.vecteezy.com/system/resources/previews/022/576/369/large_2x/image-of-wooden-table-in-front-of-abstract-blurred-background-of-resturant-lights-wood-table-top-on-blur-of-lighting-in-night-cafe-restaurant-background-selective-focus-generative-ai-photo.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center}.sign-up-holder{height:85%;width:50%;background-color:#2f0d0d50;border:3px solid white;display:flex;align-items:center;justify-content:center}.sign-up-second-holder{height:90%;width:75%;background-color:#c8c5c585;display:flex;flex-direction:column;border-radius:15px;padding:15px;align-items:center}.sign-up-second-holder footer{height:10%;width:100%;display:flex;align-items:center;justify-content:center;color:#dd9104;font-weight:600;font-size:14px;text-align:center}.sign-up-second-holder footer p{cursor:pointer}.sign-up-second-holder nav{height:70%;width:95%;display:flex;flex-direction:column;justify-content:space-between}.sign-up-second-holder nav button{height:12%;width:100%;background-color:orange;color:#fff;outline:none;border:none;border-radius:3px;cursor:pointer}.sign-up-second-holder nav button:hover{background-color:#dd9104}.sign-up-second-holder nav div{height:18%;width:100%;display:flex;flex-direction:column;justify-content:center;gap:3px}.sign-up-second-holder nav div input{width:100%;border-radius:3px;outline:none;border:1px solid black;padding-inline:5px;padding:3px}.sign-up-second-holder nav div p{font-size:14px;font-weight:550}.sign-up-second-holder header{height:15%;width:100%;background:transparent;display:flex;justify-content:space-between;align-items:center}.sign-up-second-holder header button{height:80%;width:10%;font-size:20px;background:transparent;outline:none;border:none}.sign-up-second-holder header h4{font-size:22px;font-weight:500;color:#dd9104}.log-out{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#b0ababa0}.log-out-sub-holder{height:40%;width:40%;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:15px}.log-out-sub-holder nav{height:30%;width:20%;margin-bottom:10px}.log-out-sub-holder nav img{height:100%;width:100%}.log-out-sub-holder main{height:30%;width:60%;margin-top:10px;display:flex;flex-direction:column;justify-content:space-between}.log-out-sub-holder main button{padding:2px;cursor:pointer;border-radius:5px;border:2px solid orangered;box-shadow:#959da533 0 8px 24px}@media screen and (max-width:550px){.log-out-sub-holder{height:60%;width:70%}}.no-btn{background-color:#ff4500;color:#edebebe6}.yes-btn{color:#ff4500}