:root{--primaryColor1:#f4ce14;--primaryColor2:#495e57;--secondaryColor1:#ee9972;--secondaryColor2:#fbdabb;--secondaryColor2light:#fbdabb5c;--secondaryColor3:#edefee;--secondaryColor4:#333}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;@media screen and (max-width:1024px) and (min-width:768px){background-color:#adcda0;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}ul{list-style-type:none}a{text-decoration:none}*{box-sizing:border-box;font-family:karla,sans-serif;margin:0;padding:0}h1{font-size:5rem;font-weight:700;@media screen and (max-width:1366px) and (min-width:1024px){font-size:4.5rem}@media screen and (max-width:1024px) and (min-width:768px){font-size:4rem}@media screen and (max-width:768px) and (min-width:300px){font-size:3.5rem}}h1,h2{font-family:markazi-text,serif}h2{font-size:4em;font-weight:medium;@media screen and (max-width:1366px) and (min-width:1024px){font-size:3.5rem}@media screen and (max-width:1024px) and (min-width:768px){font-size:3rem}@media screen and (max-width:768px) and (min-width:300px){font-size:2.5rem}}.AppWrapper{display:grid;grid-template:"Navbar Navbar Navbar Navbar" 1fr 1fr 1fr 1fr "HeroSection HeroSection HeroSection HeroSection" "OrderOnline OrderOnline OrderOnline OrderOnline" "Testimonials Testimonials Testimonials Testimonials" "About About About About" "Footer Footer Footer Footer";place-items:center;justify-items:center;text-align:center}.navbar{left:0;padding:0 6vh;right:0;top:0;width:100%;z-index:1000}.navbar,header{background-color:#fff;height:12vh}header{align-items:center;color:#000;display:flex;gap:4rem;justify-content:center}.header_logo{margin:8px 3vh 1vh;object-fit:contain;width:24vh}nav{height:100%;list-style-type:none}nav,ul{display:flex}ul{flex-direction:row}.nav-element{color:#000;font-size:1rem;margin-bottom:auto;margin-top:auto;padding:1vh 3vh;text-decoration:none;@media only screen and (min-width:1200px){font-size:1.1rem}}.nav-element:hover{background-color:var(--primaryColor2);color:#fff}header .nav-btn{background:#0000;border:none;color:var(--secondaryColor3);cursor:pointer;display:none;font-size:1.8rem;opacity:0;outline:none;padding:5px}header div,nav{align-items:center;display:flex}.signin_but{border:.3vh solid var(--primaryColor2);border-radius:5px;padding:.6vh 1.2vh}.signin_but:hover{background-color:var(--primaryColor2);color:#fff}@media only screen and (max-width:940px){.navbar{height:9vh;padding:0 4vh}header{align-items:center;background-color:var(--primaryColor1);color:#b17b0f;display:flex;height:8.5vh;justify-content:space-between}header .nav-btn{display:inline;opacity:1}header nav{align-items:center;background-color:var(--secondaryColor1);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;left:0;position:fixed;top:-100vh;transition:1s;width:100%}nav{display:flex;height:70%;list-style-type:none;padding:0 5vh}.nav-element{color:#fff;font-size:2vh;margin:.2vh;text-decoration:none}.nav-element:hover{color:var(--secondaryColor1)}header .responsive_nav{height:40vh;transform:translateY(100vh)}nav .nav-close-btn{position:absolute;right:2rem;top:2rem}.header_logo{margin:8px 2vh 0;object-fit:contain;width:12vh}nav Link{font-size:1.5rem}}.heroSection{background-color:var(--primaryColor2);color:#fff;height:50vh;justify-content:center;width:100vw;@media only screen and (max-width:600px){background-color:#98a09d;height:75vh}@media only screen and (min-width:600px){background-color:#3dab83;height:50vh}@media only screen and (min-width:768px){background-color:#5b8997;height:60vh}@media only screen and (min-width:992px){background-color:#aa8119;height:55vh}@media only screen and (min-width:1200px){background-color:var(--primaryColor2);height:60vh}}.heroContent,.heroSection{align-items:center;display:grid}.heroContent{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,2fr));grid-template-rows:auto;justify-items:center;width:80vw}.heroLeft{padding:0;text-align:left;@media only screen and (max-width:600px){margin-bottom:1rem;margin-left:1rem;margin-right:1rem;margin-top:1rem;padding-top:1rem}@media only screen and (min-width:600px){margin-bottom:1rem;margin-left:1rem;margin-right:1rem;margin-top:1rem;padding-top:1rem}@media only screen and (min-width:992px){margin-bottom:1rem;margin-left:1rem;margin-right:1rem;margin-top:1rem;padding-top:1rem}}.heroTitle h1{color:var(--primaryColor1);font-size:5rem;@media only screen and (max-width:600px){font-size:3rem}@media only screen and (min-width:768px){font-size:5rem}@media only screen and (min-width:992px){font-size:4rem}@media only screen and (min-width:1200px){font-size:5.5rem}}.heroCity h2{color:#fff;font-size:3rem;transform:translateY(-1rem);@media only screen and (max-width:600px){font-size:2rem}@media only screen and (min-width:768px){font-size:3rem}@media only screen and (min-width:1200px){font-size:4rem}}.heroDescription{padding-top:2rem;@media only screen and (max-width:600px){padding-top:.4rem}}.heroDescription p{font-size:1em;line-height:clamp(1.6rem,1.4rem,2rem);max-width:40ch;min-width:30ch;@media only screen and (min-width:1200px){font-size:1.2rem}}.heroButton{padding-top:3vh}.heroButton button{background-color:#f4ce14;border:none;border-radius:1.5em;color:#000;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;padding:1em 4em;text-align:center;text-decoration:none;width:18em}.heroButton button:hover{background-color:#ee9972;color:#fff}.heroRight img{border-radius:40px 15px 40px 15px;border-top:3px solid #878787;box-shadow:3px 3px 8px #606060;height:auto;object-fit:cover;width:70%;@media only screen and (max-width:600px){border-radius:20px 15px 20px 15px;box-shadow:3px 3px 8px #606060;transform:translateY(-1vh);width:90%}@media only screen and (min-width:600px){border-radius:20px 15px 20px 15px;box-shadow:3px 3px 8px #606060;transform:translateY(-1vh);width:90%}@media only screen and (min-width:768px){border-radius:20px 15px 20px 15px;box-shadow:3px 3px 8px #606060;transform:translateY(-1vh);width:80%}@media only screen and (min-width:992px){border-radius:40px 15px 40px 15px;border-top-color:#878787;border-top-style:solid;border-top-width:3px;box-shadow:3px 3px 8px #606060;height:auto;object-fit:cover;transform:translateY(1vh);width:90%}@media only screen and (min-width:1200px){border-radius:40px 15px 40px 15px;border-top-color:#878787;border-top-style:solid;border-top-width:3px;box-shadow:3px 3px 8px #606060;height:auto;object-fit:cover;transform:translateY(6vh);width:80%}}main{margin-bottom:10rem;@media only screen and (max-width:600px){transform:translateY(1vh)}@media only screen and (min-width:600px){transform:translateY(8%)}@media only screen and (min-width:1200px){transform:translateY(12vh)}}.order-online{height:100%}.specials{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:1rem;@media only screen and (max-width:600px){display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width:600px){display:flex;flex-direction:column;gap:3rem}@media only screen and (min-width:1200px){display:flex;flex-direction:row;gap:6rem}}.specials h1{color:var(--secondaryColor4);font-size:3.5em;font-weight:400;@media only screen and (max-width:600px){font-size:1.8rem!important}}.onlineMenu-btn{background-color:#f4ce14;border:none;border-radius:1.5em;color:#000;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;grid-area:onlineMenu-btn;padding:.7em 3em;text-align:center;text-decoration:none;width:14em}.onlineMenu-btn:hover{background-color:var(--secondaryColor1);color:#fff}.container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:fit-content}.card{background-color:var(--secondaryColor2)}.card,.card img{padding-bottom:3vh}.card img{height:auto;justify-content:center;margin:0;width:100%}.card h3,.card p{text-align:left}.card p{height:7rem}.card .btn{background-color:var(--primaryColor1);border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px 30px;text-align:center;transition:background-color .3s ease}.card .btn:hover{background-color:var(--secondaryColor1);color:#fff}.cardButton{margin-left:10px;padding-left:1vh;text-align:left}.cardIcon{display:flex;flex-direction:row;float:right;gap:.6rem;margin-right:1rem;margin-top:-36px;position:relative;width:5.5rem}.cardIcon button{background:none;border:none;cursor:pointer}.cardIcon button:hover{filter:brightness(0) drop-shadow(0 0 0 rgb(194,194,55));transition:filter .7s ease}.App-footer{align-items:center;background-color:var(--primaryColor2);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:1;height:100%;justify-content:center;width:100%;@media only screen and (max-width:600px){display:flex;flex-direction:column;height:100%;margin-top:4rem;padding-bottom:2rem;padding-left:2rem;padding-right:2rem;padding-top:2rem}@media only screen and (min-width:768px){align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media only screen and (min-width:1200px){align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:100%;justify-content:center;width:100%}}.header_logo{background-color:#fff;border-radius:2.2rem;padding:.8rem 1.3rem;@media only screen and (max-width:600px){width:20vh}}.footerNav{display:flex;flex-direction:column;padding:2rem;@media only screen and (max-width:600px){display:flex;flex-direction:column;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.nav-item{color:#fff;cursor:pointer;font-size:1rem;margin-bottom:auto;margin-top:auto;padding:1vh 2vh;text-decoration:none;@media only screen and (max-width:600px){margin-bottom:.4rem;margin-left:.4rem;margin-right:.4rem;margin-top:.4rem;padding-bottom:.4rem;padding-left:.4rem;padding-right:.4rem;padding-top:.4rem}@media only screen and (min-width:1200px){font-size:1.1rem}}.nav-item:hover{background-color:wheat;color:var(--primaryColor2)}.footerContact,.footerSocial{color:#fff;display:flex;flex-direction:column}.social-icons{color:#fff;padding:.7rem}.footerCopyright{align-items:center;color:#fff;grid-column:2;padding:1rem;transform:translateX(10rem);@media only screen and (max-width:600px){transform:translateY(1rem)}@media only screen and (min-width:768px){transform:translateX(0)}@media only screen and (min-width:1200px){transform:translateX(10rem)}}.about{background-color:#fff;margin:0 auto;padding:6rem 0;@media only screen and (max-width:600px){height:100%;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.about h1{font-size:3.5em;font-weight:400;text-transform:uppercase;@media only screen and (max-width:600px){font-size:1.8rem}}.about-container1{align-items:start;display:flex;flex-direction:column;margin:0 auto;padding:6vh;text-align:left;width:70vw;@media only screen and (max-width:600px){align-items:center;padding-bottom:3vh;padding-left:3vh;padding-right:3vh;padding-top:3vh;text-align:center}}.about-container1 h1{color:var(--primaryColor2);font-size:2.5rem;font-weight:lighter;text-align:left;text-transform:uppercase;@media only screen and (max-width:600px){align-items:center;text-align:center}}.about-container1 h2{font-size:2rem;font-weight:400;text-align:left}.about-container2{align-items:center;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr;justify-content:center;margin:0 auto;width:70vw;@media only screen and (max-width:900px){display:flex;flex-direction:column}}.about-container2 h3{justify-self:right;padding-bottom:5rem;@media only screen and (max-width:900px){background-color:var(--primaryColor1);flex:1 1;padding-bottom:0;padding-left:0;padding-right:0;padding-top:1rem;text-align:center;width:100%}}.about-container2 h3,.about-container2 p{grid-column:2;grid-row:1;padding-right:3rem;text-align:right}.about-container2 p{justify-self:end;max-width:40ch;min-width:25ch;padding-top:2rem;@media only screen and (max-width:900px){flex:1 1;padding-bottom:2rem;padding-right:0;text-align:center}}.about-container2 img{grid-column:4;justify-self:end;padding-right:2rem;width:25vh;@media only screen and (max-width:900px){padding-right:0;text-align:center;width:100%}}.about-container3{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:2fr;margin:0 auto;width:70vw;@media only screen and (max-width:900px){display:flex;flex-direction:column}}.about-container3 h3{grid-column:2;grid-row:2;text-align:left;transform:translateY(4vh);@media only screen and (max-width:900px){align-self:center;background-color:var(--primaryColor1);flex:1 1;margin-bottom:1rem;margin-left:1rem;margin-right:1rem;margin-top:1rem;padding-top:1rem;text-align:center;transform:translateY(-1rem);width:100%}}.about-container3 p{align-self:center;grid-column:2;grid-row:2;max-width:40ch;min-width:25ch;padding-top:1rem;text-align:left;@media only screen and (max-width:900px){flex:1 1;padding-bottom:1rem;text-align:center}}.about-container3 img{grid-column:1;grid-row:2;justify-self:start;margin:0;padding-left:2rem;width:25vh;@media only screen and (max-width:900px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:center;width:100%}}.menu{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.menu h1{color:var(--primaryColor2);font-family:markazi-text,serif;font-size:3.5em;font-weight:700}.menu p{color:var(--secondaryColor4);margin-bottom:3vh;margin-left:20rem;margin-right:20rem;padding:1vh;text-align:center}.menu h2{color:var(--primaryColor2);font-family:markazi-text,serif;font-size:2.5em;font-weight:700}main{align-items:center;display:flex;flex-direction:column;justify-content:center;transform:translateY(10vh);@media only screen and (max-width:600px){transform:translateY(1vh)}@media only screen and (min-width:600px){transform:translateY(8%)}@media only screen and (min-width:1200px){transform:translateY(12vh)}}.testimonials{background-color:var(--secondaryColor2);margin-bottom:4rem;margin-top:5rem;padding-bottom:5rem;padding-top:2rem;width:100vw}.testimonials h1{font-size:3.5em;font-weight:400;padding:3rem;text-transform:uppercase;@media only screen and (max-width:600px){font-size:1.8rem!important}}.container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:60%}.card{background-color:var(--secondaryColor3);border-radius:10px;box-shadow:0 4px 8px #0000004d;padding-bottom:2vh;text-align:center}.testimonials img{border-radius:50%;height:auto;justify-content:center;object-fit:cover;padding:1rem;width:70%}.card h3{font-size:1.25rem}.card h3,.card p{color:var(--secondaryColor4);margin-bottom:2vh;margin-left:10px;margin-right:10px;padding:1vh;text-align:center}span{color:var(--secondaryColor1)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.registration{align-items:center;background-color:var(--secondaryColor3);display:flex;flex-direction:column;justify-content:center;padding:3rem;width:100vw}.loginForm{border:.7rem solid #fff;margin:2rem;padding:4rem}.signup{font-family:karla,sans-serif;font-size:2rem}.email,.firstName,.lastName,.signup-password{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-top:1rem}.loginForm label{text-align:left;width:7vw}.loginForm input{background-color:#fff;border:0;height:1.5rem;padding:.5rem;width:15rem}.forgot-password{font-size:1rem;padding:1.3rem}.forgot-password span{color:var(--primaryColor2);cursor:pointer;font-size:1rem;font-weight:700}.forgot-password span:hover{color:var(--secondaryColor1);cursor:pointer}.submit-container{display:flex;flex-direction:row;padding:1rem}.submit-container button{background-color:var(--primaryColor2);border:none;border-radius:1.5em;color:#fff;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin:0 auto;padding:1rem 2rem;text-align:center;text-decoration:none;width:13em}.submit-container button:hover{background-color:var(--secondaryColor1);color:#fff}form{padding:2rem}.switchform-btn{background-color:initial;border:none;color:var(--primaryColor2);cursor:pointer;font-size:1rem;font-weight:700;margin:0 auto;padding:1rem 2rem;text-align:center;text-decoration:none;width:20em}.switchform-btn:hover{color:var(--secondaryColor1)}.bookingpage{align-items:center;background-color:var(--secondaryColor3);display:flex;flex-direction:column;justify-content:center;padding:3rem;width:100vw}.bookingpage h1{font-family:karla,sans-serif;font-size:2rem;font-weight:400}.bookingForm{border:.7rem solid #fff;margin:2rem;padding:4rem}fieldset{border:0}.date,.guests,.occasion,.time{align-items:center;border:0;display:flex;flex-direction:row;gap:4rem;height:3rem;justify-content:center;margin-top:1rem;padding:.5rem}.bookingForm label{text-align:left;width:7vw}input,option,select{border:0;padding:.5rem;text-align:left;width:14em}.bookingForm button{background-color:var(--primaryColor2);border:none;border-radius:1.5em;color:#fff;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin-top:3rem;padding:1rem 2rem;text-align:center;text-decoration:none;width:13em}.bookingForm button:hover{background-color:var(--secondaryColor1);color:#fff}.bookingForm button:disabled{cursor:not-allowed;opacity:.5}input:focus:invalid{border:.2rem solid red;outline:none}select:focus:invalid{border:.2rem solid red;outline:none}
/*# sourceMappingURL=main.9db3d170.css.map*/