#root,body,html{margin:0;padding:0;height:100%;width:100%}.pageContainer{min-height:100vh;display:flex;flex-direction:column}.contentWrap{flex:1 1}.navLinks a.activeLink{color:#fff;font-weight:700;text-decoration:underline}.mealContainer{display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;min-height:10vh;min-width:100vw;background-color:coral}.nav>div{width:50%}.title>h1{color:#fff;margin-left:30px}.navLinks{display:flex;justify-content:space-around;align-items:center}.navLinks>a{text-decoration:none;color:#fff;font-size:20px;font-weight:700}.menuIcon{display:none}@media(max-width:768px){.nav>div{width:100%}.menuIcon{display:block;width:40px;height:40px;margin:auto;padding-right:10px;color:#fff}.navLinks{display:none}.show{display:flex;flex-direction:column;background-color:#ff6f47;position:absolute;right:0;top:82px;justify-content:center;align-items:center;gap:15px;padding:1rem}.hide{display:none}}.pageTitle{background-color:coral;color:#f0f8ff;display:flex;justify-content:center;align-items:center;min-height:10vh;min-width:100vw}.banner{width:100%;aspect-ratio:3/1;background-size:contain;background-position:50%;background-repeat:no-repeat}.searchSort{display:flex;justify-content:center;gap:10px;margin-top:20px}.search{width:40%}.sortDir,.sortKey{width:15%}#search{height:60px;width:100%;box-sizing:border-box}#sortDir,#sortKey{height:100%;width:100%}.mealCardContainer{justify-content:space-around;flex-wrap:wrap;min-height:60vh;min-width:100vw}.mealCard,.mealCardContainer{display:flex;align-items:center}.mealCard{background-color:coral;height:360px;width:300px;border-radius:20px;flex-direction:column;margin:70px}.reserveButton{margin-top:10px;padding:.5rem 1rem;background-color:#ffa07a;border:none;border-radius:5px;cursor:pointer;color:#fff}.mealDescription,.mealPrice,.mealTitle{color:#fff}.mealImage{width:40%;height:35%;border-radius:10px}.mealCard:hover{background-color:rgba(255,115,80,.788)}.mealButtonContainer{display:flex;justify-content:center;align-items:center;min-height:20vh;min-width:100vw;padding-bottom:50px}.mealButton{width:250px;height:80px;border-radius:20px;background-color:#fff;color:coral;border:2px solid coral;font-weight:700;cursor:pointer}.createMeal{background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;margin:30px 0}.createMealForm>h2{font-size:2.5rem;color:#fff;margin:auto}.createMealForm{color:#fff;background-color:coral;margin:50px;gap:1.5em;font-size:1.5em;width:60%;height:auto;border-radius:20px;padding:60px;max-width:600px;justify-content:center}.createMealDivs,.createMealForm{display:flex;flex-direction:column}.createMealDivs{height:1.5em}.createMealDivs>input{font-size:16px;width:100%;padding:5px;border-radius:5px;color:#000}.createMealButton{height:2.5rem;width:70%;border-radius:10px;background-color:#fff;border:none;color:#f97e4b;font-size:1rem;margin:20px auto 0;font-weight:700;cursor:pointer}.createMealButton:hover{background-color:#f5f4f4}@media(max-width:435px){.createMeal{margin:40px 0}.createMealDivs>input{font-size:14px;padding:2px}.createMealForm{gap:1.8em;font-size:1.3em}.createMealForm>h2{font-size:2rem;color:#fff;margin:auto}}@media(max-height:800px){.createMeal{margin:70px 0}}@media(max-height:730px){.createMeal{margin:90px 0}}@media(max-height:680px){.createMeal{margin:120px 0}}@media(max-height:630px){.createMeal{margin:140px 0}}footer{display:flex;justify-content:space-around;background-color:coral;color:#fff}footer li{list-style-type:none}.footer-info>ul{display:flex;flex-direction:column;gap:10px}.footer-info>ul>li{margin-left:-40px;cursor:pointer}.card-reservation{display:flex;justify-content:center;align-items:flex-start;gap:32px;flex-wrap:wrap;padding:40px;height:auto;max-width:1200px;margin:0 auto}.reservation-mealCardContainer{background-color:coral;min-height:300px;height:auto;padding:2vh 2vw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:40px;max-width:400px;width:100%}.reservation-mealCardContainer>h1{font-size:40px}.reservation-mealCardContainer>img{width:60%;height:40%;object-fit:cover;border-radius:0}.reservation-mealCardContainer>p{font-size:20px;color:#fff}.reservationsForm{min-height:300px;height:auto;padding:2vh 2vw;display:flex;flex-direction:column;gap:40px;background-color:coral;margin:auto;border-radius:40px;max-width:400px;width:100%}.reservationsForm>h1{color:#fff;display:flex;justify-content:center;font-size:50px}.reservationsForm>div>label{color:#fff;font-size:30px;margin-left:5px}.reservationsForm>div>input{width:250px;height:30px;margin-left:20px;border-radius:7px}.reservationsForm>button{height:45px;width:100%;margin:1rem auto;background-color:#fff;color:#f97e4b;font-size:1rem;font-weight:700;border:2px solid #f97e4b;border-radius:12px}.reviewForm{min-height:750px;width:100vw;align-items:center;gap:20px;background-color:coral}.reviewForm,.reviewFormContainer{display:flex;flex-direction:column}.reviewFormContainer{gap:60px}.reviewForm>h1{color:#fff;display:flex;justify-content:center;font-size:50px}.reviewForm>.reviewFormContainer>div>label{color:#fff;font-size:30px;margin-left:5px}.reviewForm>.reviewFormContainer>div>input{width:250px;height:30px;margin-left:20px;border-radius:10px}.reviewForm>.reviewFormContainer>div>textarea{width:90%;min-height:200px;margin-left:10px;border-radius:10px;padding:10px;font-size:16px;resize:none}.reviewFormContainer>button{height:45px;width:100%;margin:1rem auto;background-color:#fff;color:#f97e4b;font-size:1rem;font-weight:700;border:2px solid #f97e4b;border-radius:12px}.review-help-box{background:#fff;padding:24px;margin:32px auto;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);max-width:700px}.review-help-box h3{margin:0 0 8px;font-size:20px;color:coral}.review-help-box p{margin:0;font-size:16px;color:coral}.reviewTitle{color:coral}.reviewTitle,.reviews{display:flex;justify-content:center}.reviews{gap:10px;flex-wrap:wrap;padding:10px}.review{border:2px solid #fff;background-color:coral;color:#fff;flex-basis:200px;max-width:300px;word-wrap:break-word;border-radius:10px;padding:10px}@media (max-width:768px){footer{text-align:center}.footer-info,footer{flex-direction:column;align-items:center}.footer-info{gap:20px}.footer-info>ul{margin-left:0}.card-reservation{align-items:center;text-align:center}}