*{margin:0;padding:0;box-sizing:border-box}:root{--green: #495e57;--yellow: #f4ce14;--tangerine: #ee9972;--pink: #fddabb;--white: #edefee;--gray: #333333}body{scroll-behavior:smooth;font-family:Karla,sans-serif}h1,h2,h3,h4{font-family:Markazi Text,serif;text-align:center;color:var(gray)}h1{font-size:2.2rem}header{display:flex;flex-direction:column;align-items:center;padding:1em;box-shadow:0 4px 6px -1px var(--tangerine),0 2px 4px -2px var(--pink)}.title-logo{width:clamp(200px,15vw,250px)}.hamburger-menu{display:block;background:none;border:none;cursor:pointer;padding:.5em;font-size:1.5em;z-index:1000}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{content:"";display:block;width:25px;height:3px;background-color:#495e57;border-radius:2px;transition:all .3s ease}.hamburger-icon:before{transform:translateY(-8px)}.hamburger-icon:after{transform:translateY(8px)}.hamburger-menu[aria-expanded=true] .hamburger-icon{background-color:transparent}.hamburger-menu[aria-expanded=true] .hamburger-icon:before{transform:translateY(0) rotate(45deg)}.hamburger-menu[aria-expanded=true] .hamburger-icon:after{transform:translateY(0) rotate(-45deg)}nav{display:none}.active{display:flex}.link-list{display:flex;flex-direction:column;align-items:center;gap:1em;list-style-type:none;padding:1em}.nav-link{text-decoration:none;color:var(--gray)}.hero{display:flex;flex-direction:column;align-items:center;gap:1em;background-color:var(--green);color:var(--white);padding:1em}.hero>picture{order:-1;width:100%;text-align:center}.hero>picture>img{width:40%;border-radius:50%}.hero-info{display:flex;flex-direction:column;align-items:center;gap:1em}.hero-info>p{text-align:center;max-width:80%;line-height:1.5}.cta-btn,.menu-btn,.submit-btn{background-color:var(--yellow);padding:.5em 1em;border:none;border-radius:16px}.cta-btn>a,.dishes-section a,.submit-btn{color:var(--gray);font-weight:600;font-size:1.2rem;text-decoration:none;font-family:Karla,sans-serif}.reviews{width:90%;margin:0 auto;padding:1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1em}blockquote{border:solid 1px var(--green);padding:.5em;border-radius:16px;background-color:var(--pink)}blockquote>p:first-child{font-style:italic;font-weight:500;margin-bottom:.5em}.dishes-section{width:90%;margin:0 auto;padding:1em;display:flex;flex-direction:column;gap:1em;border-bottom:solid 2px var(--tangerine)}.dishes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1em}.dish-card{display:flex;flex-direction:column;align-items:center;gap:1em;border:2px solid var(--tangerine);box-shadow:3px 3px 2px var(--pink);border-radius:5px;padding:1em}.dish-card>img{width:100%;border-radius:5px}.menu-btn{align-self:center}.Menu{width:90%;max-width:1100px;margin:0 auto;padding:1em}.Menu:first-child>p{margin-block:1em}.About{display:flex;flex-direction:column;align-items:center;gap:1em;width:90%;max-width:1100px;margin:0 auto;padding:1em}.About>img{width:100%;min-width:0;order:-1;border-radius:5px}.about-info>p:first-of-type{font-size:1.1rem;font-weight:600}.about-info p{margin-block:1em}.reservation-section{padding:1em;background-image:url(/Little_Lemon_Meta_Capstone/assets/restaurant-BmEBs6gJ.jpg);background-color:#000c;background-blend-mode:multiply;background-size:cover;background-repeat:no-repeat;text-align:center}.reservation-form{width:80%;margin:0 auto;display:flex;flex-direction:column;gap:1em;border:solid 2px var(--pink);border-radius:5px;background-color:var(--white);padding:1em}.reservation-form>input,select{line-height:1.5;padding:.3rem}.error-text{color:red;font-size:.9rem;font-weight:600}.success-message,.error-message{font-size:1.2rem;font-weight:600;color:var(--gray);text-shadow:1px 1px 1px var(--pink)}footer{background-color:var(--green);display:flex;flex-direction:column;align-items:center;gap:1em;padding:1em;color:var(--white)}footer>img{width:clamp(20px,10vw,50px)}.contact{text-align:center;line-height:1.5}.social>p{font-size:1.1rem;text-align:center;margin-bottom:.5em}.social>img{width:30px}@media (min-width:750px){header{flex-direction:row;justify-content:space-evenly}.hamburger-menu{display:none}nav{display:block}.link-list{flex-direction:row;gap:1em}.nav-link{font-size:1.1rem;font-weight:500}.hero{flex-direction:row}.hero>picture{order:1;width:80%}.hero>picture>img{border-radius:5px;width:auto;max-height:300px}footer{flex-direction:row;justify-content:space-evenly}.social{align-self:flex-start}.reservation-form{width:50%}}@media (min-width:950px){.About{flex-direction:row}.About>img{order:1;width:50%;flex-shrink:0}}@supports (-moz-appearance: none){html{height:100%}body{display:flex;flex-direction:column;min-height:100vh}}