@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;700;800&family=Markazi+Text:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.App{display:grid;grid-template-areas:"nav nav nav nav nav nav nav nav nav nav nav nav " "header header header header header header header header header header header header" "specials specials specials specials specials specials specials specials specials specials specials specials" "testimonials testimonials testimonials testimonials testimonials testimonials testimonials testimonials testimonials testimonials testimonials testimonials " "main main main main main main main main main main main main" "footer footer footer footer footer footer footer footer footer footer footer footer";grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto auto auto auto}nav{grid-area:nav;grid-column:3/span 10}header,main{grid-area:header;grid-column:1/span 12;padding-top:100px}.specials-section{grid-area:specials;grid-column:1/span 12}.testimonials-section{grid-area:testimonials;grid-column:1/span 12}#about-section{grid-area:main;grid-column:1/span 12}footer{grid-area:footer;grid-column:1/span 12}@media (max-width:768px){.App{grid-template-columns:repeat(10,1fr)}nav{grid-column:1/span 1}.specials-section,.testimonials-section,header,main{grid-column:1/span 10}#about-section{grid-template-columns:1/span 12}}@media (max-width:480px){.App{grid-template-columns:100vw;max-width:100%;overflow-x:hidden}nav{padding:10px;text-align:center}header,main,nav{grid-column:1/span 1}header,main{max-width:100%;overflow-x:hidden;padding:100px 10px 10px}#about-section,.specials-section,.testimonials-section,footer{grid-column:1/span 1}}h1{color:#f4ce14;font-size:64pt;font-weight:500;margin-bottom:-32px}h1,h2{font-family:Markazi Text,serif}h2{color:#000;font-size:40pt;font-weight:350;margin-bottom:10px}h3{font-size:20pt;font-weight:800;text-transform:uppercase}h3,h4{color:#333;font-family:Karla,sans-serif}h4{font-size:18pt;font-weight:500;line-height:1.2}h5{font-size:16pt;font-weight:800}h5,h6{color:#333;font-family:Karla,sans-serif}h6{font-size:18pt;font-weight:700}p{color:#333;font-family:Karla,sans-serif;font-size:16pt;font-weight:500;line-height:1.5}.btn,.card{border-radius:8px;box-shadow:0 4px 6px #0000001a}header{background:linear-gradient(#455852eb,#455852eb),url(/Meta_Capstone_Project/static/media/watermark-background.698efc6b4e2104808cdd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:repeat(12,1fr);margin:0;position:relative}.container-header-text{color:#fff;display:flex;flex-direction:column;gap:0;grid-column:3/span 4;padding:20px 20px 20px 0}.container-header-img{display:flex;grid-column:7/span 4;justify-content:flex-end;position:relative}.container-header-img img{border-radius:16px;box-shadow:0 8px 16px #0003;position:absolute;top:60px;width:380px}.container-header-text .button-container{display:flex;justify-content:flex-start;margin-top:20px}.container-header-text button{align-items:center;background-color:#f4ce14;border:none;border-radius:16px;box-shadow:0 4px 8px #0003;color:#000;cursor:pointer;display:inline-flex;font-family:Karla,sans-serif;font-size:16pt;font-weight:700;justify-content:center;margin:15px 0 30px;padding:12px 24px;text-align:center;transition:all .3s ease;white-space:nowrap}button.reservationsButton a{color:#000;text-decoration:none}.container-header-text button:hover{background-color:#d4b210}@media (max-width:1256px){header{grid-template-columns:repeat(10,1fr)}.container-header-text{grid-column:2/span 5;padding:10px 90px 20px 0}.container-header-img{grid-column:7/span 3}.container-header-img img{top:70px;width:300px}}.container-header-text h1{white-space:nowrap}@media (max-width:900px){header{grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center}.container-header-text{grid-column:1/span 1;padding:20px;text-align:center}.container-header-img{grid-column:1/span 1;justify-content:center}.container-header-img img{margin:20px auto;position:static;width:300px}.container-header-text .button-container{display:flex;justify-content:center;margin-top:20px}.container-header-text button{font-size:18px;padding:10px 20px}.container-header-text h1{white-space:wrap}}@media (max-width:480px){header{grid-template-columns:1fr;grid-template-rows:auto auto}.container-header-text{flex-wrap:wrap;gap:10px;grid-column:1/span 1;padding:10px;text-align:center}.container-header-text h1{font-size:64px;line-height:1.3;word-break:break-word}.container-header-text h2{font-size:40px}.container-header-text h4{font-size:20px;line-height:1.3;word-break:break-word}.container-header-img{grid-column:1/span 1;justify-content:center}.container-header-img img{margin:10px auto;position:static;width:250px}.container-header-text .button-container{display:flex;justify-content:center;margin-top:20px}.container-header-text button{font-size:18px;padding:8px 16px}}#about-section{grid-column:3/span 8;margin-top:30px}.about-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1.5fr;margin-bottom:20%;padding:30px 0}.about-text{font-family:Karla,sans-serif}.about-text h1{white-space:nowrap}.about-text h2{color:#3d3d3d}.about-text p{color:#353535;font-size:17px;line-height:1.8}.about-images{display:flex;justify-content:flex-end;position:relative}.about-image{border-radius:8px;box-shadow:0 4px 8px #0003}.about-image1{left:70px;top:170px;z-index:2}.about-image1,.about-image2{position:absolute;width:270px}.about-image2{left:200px;top:0;z-index:1}@media (max-width:1256px){#about-section,.about-grid{grid-column:2/span 8}.about-text{grid-column:1/span 3;padding:10px 70px 20px 0}.about-images{grid-column:4/span 5}.about-image1{left:0;top:170px;z-index:2}.about-image1,.about-image2{position:absolute;width:270px}.about-image2{left:130px;top:0;z-index:1}}@media (max-width:768px){#about-section{grid-column:1/span 12}.about-grid{display:grid;grid-template-columns:100vw;padding-top:20px;text-align:center}.about-text{grid-column:1;padding:10px 30px}.about-images{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-image,.about-images{grid-column:1;position:static}.about-image{margin:10px 0}.about-text h1{font-size:64px;word-break:break-word}.about-text h2{font-size:40px;margin-top:8px;word-break:break-word}}@media (max-width:500px){.about-image{width:240px}.about-text h1,.about-text h2,.about-text p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}}footer{background-color:#2a3d34;display:grid;grid-template-columns:repeat(12,1fr)}.footer{grid-gap:30px;color:#fff;display:grid;gap:30px;grid-column:2/span 10;grid-template-columns:repeat(4,1fr);padding:40px 20px;text-align:left}.footer div{display:flex;flex-direction:column;font-family:Karla,sans-serif;padding:10px}.footer-contact p{color:#eeeded;font-size:16px;margin-bottom:5px}.footer h3{color:#cf9c04;font-size:18px;margin-bottom:10px}.footer p,.footer ul{font-size:16px;line-height:1.6}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:5px}.footer ul li a{color:#eeeded;cursor:pointer;text-decoration:none}.footer ul li a:hover{color:#ffc107}strong{text-decoration:underline}@media (max-width:1024px){.footer{grid-template-columns:repeat(2,1fr);text-align:left}}@media (max-width:768px){.footer{grid-template-columns:1fr;text-align:center}.footer div{align-items:center}.footer ul{padding:0}}.card-specials{background:#edefee;border-radius:16px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;max-width:280px;overflow:hidden;text-align:left;width:100%}.card-image{height:180px;object-fit:cover;width:100%}.card-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-price{color:#f19a48;font-family:Karla,sans-serif;font-size:18pt;font-size:18px;font-weight:600;margin:0}.card-description{color:#555;font-family:Karla,sans-serif;font-size:14pt;line-height:1.5;margin-bottom:16px}.card-footer{display:flex;justify-content:flex-start;margin-top:auto}.order-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#000;cursor:pointer;display:inline-flex;font-family:Karla,sans-serif;font-size:16px;font-weight:700;justify-content:center;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.order-button:hover{background-color:#d4b210;transform:translateY(-2px)}.order-icon{font-size:16px;line-height:0;margin-left:8px}@media (max-width:480px){.order-button{align-items:center;display:inline-flex;font-size:12px;justify-content:center;padding:8px 16px}}.specials-section{margin:190px 0 20px}.specials-grid{display:grid;grid-template-areas:"header header header header header header header header header header header header" "cards cards cards cards cards cards cards cards cards cards cards cards";grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto}.specials-flex{display:flex;grid-area:header;grid-column:3/span 8;justify-content:space-between}.specials-flex h2{font-weight:700}.specials-cards{grid-gap:25px;display:grid;gap:25px;grid-area:cards;grid-column:3/span 8;grid-template-columns:repeat(3,1fr);justify-items:center;margin:30px 0 20px}.view-menu-button{align-items:center;background-color:#f4ce14;border:none;border-radius:16px;box-shadow:0 4px 8px #0003;color:#000;cursor:pointer;display:inline-flex;font-family:Karla,sans-serif;font-size:16pt;font-weight:700;justify-content:center;margin:15px 0;padding:12px 24px;text-align:center;transition:all .3s ease;white-space:nowrap}.view-menu-button:hover{background-color:#d4b210}.view-menu-button a{color:#333;text-decoration:none}@media (max-width:1256px){.specials-section{margin:100px 0 20px}.specials-grid{grid-template-areas:"header header header header header header header header header header" "cards cards cards cards cards cards cards cards cards cards";grid-template-columns:repeat(10,1fr);grid-template-rows:auto auto}.specials-flex{grid-area:header;grid-column:2/span 8}.specials-cards{grid-area:cards;grid-column:2/span 8;margin:30px 0 20px}}@media (max-width:900px){.specials-grid{grid-template-areas:"header header header header header header header header header header" "cards cards cards cards cards cards cards cards cards cards";grid-template-columns:repeat(10,1fr);grid-template-rows:auto auto}.specials-flex{display:flex;flex-wrap:wrap;grid-area:header;grid-column:2/span 8;justify-content:space-between}.specials-cards{display:flex;flex-wrap:wrap;grid-area:cards;grid-column:2/span 8;grid-template-columns:repeat(10,1fr);justify-content:left;margin:30px 0 20px}}@media (max-width:480px){.specials-grid{display:grid;grid-template-areas:"header header header" "cards cards cards";grid-template-columns:20px 1fr 20px;grid-template-rows:auto auto}.specials-flex{grid-area:header}.specials-cards,.specials-flex{display:flex;flex-wrap:wrap;grid-column:2;justify-content:center}.specials-cards{grid-area:cards;margin:30px 0 20px}.specials-flex h2{font-size:32pt}}.testimonial-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;max-width:200px;padding:20px;width:100%}.testimonial-card p{font-size:12pt}.testimonial-flex{align-items:center;display:flex;gap:10px}.testimonial-rating{color:#f4ce14;font-family:Karla,sans-serif;font-size:14pt;margin-bottom:12px}.testimonial-image{border-radius:50%;height:80px;margin-bottom:15px;object-fit:cover;padding-right:10px;width:80px}.testimonial-name{color:#333;font-family:Karla,sans-serif;font-size:16pt;font-weight:700;margin-bottom:8px}.testimonial-review{color:#555;font-family:Karla,sans-serif;font-size:14px;line-height:1.5;white-space:flex}@media (max-width:1024px){.testimonial-card{max-width:180px}}.testimonials-section{background-color:#495e57;padding:80px 0}.testimonials-grid{display:grid;grid-template-areas:"header header header header header header header header header header header header" "cards cards cards cards cards cards cards cards cards cards cards cards";grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto}.testimonials-title{color:#fff;font-family:Markazi Text,serif;font-size:28pt;font-weight:700;grid-area:header;grid-column:3/span 8;justify-content:space-between;margin-bottom:50px;text-align:center}.testimonials-cards{display:flex;gap:20px;grid-area:cards;grid-column:3/span 8;justify-items:center}@media (min-width:1500px){.testimonials-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-items:center}}@media (max-width:1300px){.specials-section{margin:100px 0 20px}.testimonials-grid{grid-template-areas:"header header header header header header header header header header" "cards cards cards cards cards cards cards cards cards cards";grid-template-columns:repeat(10,1fr);grid-template-rows:auto auto}.testimonials-title{grid-area:header;grid-column:2/span 8}.testimonials-cards{display:flex;flex-wrap:wrap;grid-area:cards;grid-column:2/span 8;justify-content:space-around}}@media (max-width:1024px){.testimonials-cards{display:flex;flex-wrap:wrap;justify-content:space-around}}@media (max-width:768px){.testimonials-cards{grid-column:1/span 10;margin:0 20pt}}@media (max-width:480px){.testimonials-grid{align-items:center;display:flex;flex-direction:column;width:100vw}}nav{background-color:#fff;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-columns:repeat(12,1fr);left:0;padding:16px 20px;position:fixed;top:0;width:100%;z-index:1000}.hamburger-icon{cursor:pointer;height:auto;width:30px}.mobile-nav{position:relative}.mobile-menu{background-color:#fff;border:1px solid #ccc;border-radius:0 0 15px 15px;border-top:0;box-shadow:0 3px 5px #0003;opacity:0;position:absolute;right:-10px;top:40px;transform:translateY(-20px);transition:opacity .4s ease-out,bottom .4s ease-in-out,transform .4s ease-out,visibility .4s;visibility:hidden;width:180px;z-index:1001}.mobile-menu.open{opacity:1;transform:translateY(0);transition:top .4s ease-in-out;visibility:visible}.nav.hidden .mobile-menu.open{top:-450px;visibility:visible}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu li{border-bottom:1px solid #ccc;padding:10px}.mobile-menu li:last-child{border-bottom:none}.mobile-menu a,.mobile-menu a:visited{display:block;text-decoration:none}.mobile-menu a:hover{color:#f4ce14}div .inner-flex{align-items:center;display:flex;gap:25px;grid-column:3/span 8;justify-content:space-between}.nav{transition:top .3s ease-in-out}.nav.hidden{top:-120px}.nav.visible{top:0}nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}nav li{font-family:Karla,sans-serif;font-weight:700}nav a{color:#333;font-size:16pt;text-decoration:none}.active-link{border-bottom:3px solid #f4ce14;font-weight:700;padding-bottom:5px}.active-link,nav a:hover{color:#f4ce14}@media (max-width:1256px){nav ul{align-items:flex-end;flex-direction:column;gap:20px}}@media (max-width:1024px){nav{padding:10px 0}nav a{font-size:14pt}}@media (max-width:768px){nav ul{align-items:top;flex-direction:column;gap:10px}.nav.hidden{top:-210px}}@media (max-width:480px){div .inner-flex{align-items:center;display:flex;gap:25px;grid-column:2/span 10;justify-content:space-between}nav img{width:170px}}#about-wrapper-section{grid-column:3/span 8;margin-top:30px}.about-wrapper-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1.5fr;margin-bottom:10%;padding:15px 0}.about-wrapper-text{font-family:Karla,sans-serif}.about-wrapper-text h1{white-space:nowrap}.about-wrapper-text h2{color:#fff}.about-wrapper-text h3.reachOut{color:#fff;font-size:16pt;margin-bottom:15px}.about-wrapper-text p{color:#fff;font-size:13pt;line-height:1.8}.about-wrapper-images{display:flex;justify-content:flex-end;position:relative}.about-wrapper-image{border-radius:8px;box-shadow:0 4px 8px #0003}.about-wrapper-image1{left:70px;position:absolute;top:190px;width:270px;z-index:2}.about-wrapper-image2{left:200px;position:absolute;top:20px;width:270px;z-index:1}@media (max-width:1256px){#about-wrapper-section{grid-column:2/span 8}.about-wrapper-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(8,1fr);margin-bottom:20%;padding:30px 0}.about-wrapper-text{grid-column:1/span 4;padding:10px 70px 20px 0}.about-wrapper-images{grid-column:5/span 3}.about-wrapper-image1{left:0;position:absolute;top:190px;width:240px;z-index:2}.about-wrapper-image2{left:130px;position:absolute;top:20px;width:240px;z-index:1}}@media (max-width:768px){#about-wrapper-section{grid-column:1/span 12}.about-wrapper-grid{display:grid;grid-template-columns:1fr;padding:20px 12px 0;text-align:center}.about-wrapper-text{grid-column:1;padding:10px}.about-wrapper-images{align-items:center;display:flex;flex-direction:column;grid-column:1;justify-content:center;position:static}.about-wrapper-image{grid-column:1;margin:10px 0;position:static}.about-wrapper-text h1{font-size:64px;word-break:break-word}.about-wrapper-text h2{font-size:40px;margin-top:8px;word-break:break-word}}@media (max-width:500px){.about-wrapper-image{width:240px}.about-wrapper-text h1,.about-wrapper-text h2,.about-wrapper-text p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}}main{background:linear-gradient(#495e57e6,#495e57e6),url(/Meta_Capstone_Project/static/media/restaurant-background.5700c5a13b4539f405d2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:repeat(12,1fr);margin:0}.container-booking-content{grid-gap:50px;display:grid;gap:50px;grid-column:3/span 8;grid-template-columns:1fr 1.5fr;margin-bottom:50px;padding:30px 0}.container-booking-form{display:flex;flex-direction:column}.reservation-images{display:flex;justify-content:flex-end;position:relative}.reservation-image{border-radius:8px;box-shadow:0 4px 8px #0003}.reservation-image1{left:20px;position:absolute;top:260px;width:380px;z-index:2}.reservation-image2{left:150px;position:absolute;top:50px;width:380px;z-index:3}.reservation-image3{left:80px;position:absolute;top:500px;width:380px;z-index:1}.container-booking-content h1{font-size:55pt;margin-bottom:30px;white-space:nowrap}p a{color:#7fffd4}main p{color:#fff}.editors-note{word-wrap:break-word;font-size:16px;line-height:1.5;max-width:100%;overflow-wrap:break-word}strong{font-weight:800}@media (max-width:1256px){main{grid-template-columns:repeat(10,1fr)}.container-booking-content{grid-column:2/span 8}}@media (max-width:1000px){.reservation-image1{left:-60px;position:absolute;top:220px;width:300px;z-index:2}.reservation-image2{left:70px;position:absolute;top:50px;width:300px;z-index:3}.reservation-image3{left:30px;position:absolute;top:400px;width:300px;z-index:1}}@media (max-width:768px){main{grid-template-columns:1fr;grid-template-rows:auto auto}.container-booking-content{grid-column:1;grid-template-columns:1fr;grid-template-rows:auto auto;margin-bottom:680px;padding:10px}.container-booking-form{align-items:center}.reservation-image1{left:60px;position:absolute;top:210px;width:300px;z-index:2}.reservation-image2{left:190px;position:absolute;top:40px;width:300px;z-index:3}.reservation-image3{left:150px;position:absolute;top:390px;width:300px;z-index:1}.container-booking-content h1.bookingConfirmed{font-size:50pt;margin-bottom:30px;white-space:wrap}.editors-note{text-align:center}.container-booking-content{padding:20px;text-align:center}}@media (max-width:480px){main{grid-template-columns:1fr;grid-template-rows:auto auto}.container-booking-content h1{font-size:50pt;margin-bottom:30px;white-space:nowrap}.container-booking-content{margin-bottom:550px}.container-booking-form{padding:0 7%}.container-booking-content,.container-booking-header{flex-wrap:wrap;gap:10px;grid-column:1/span 1;padding:10px;text-align:center}.reservation-image1{left:0;position:absolute;top:180px;width:230px;z-index:2}.reservation-image2{left:50px;position:absolute;top:40px;width:230px;z-index:3}.reservation-image3{left:40px;position:absolute;top:360px;width:230px;z-index:1}}.booking-form{display:flex;flex-direction:column;gap:25px;max-width:200px}input:invalid{border:2px solid red}.booking-form input,.booking-form select{background:#fff;border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}.booking-form label{color:#fffbeb;font-family:Karla,sans-serif;font-size:14pt;margin-bottom:-12px}.booking-form .formSubmit{background:#f4ce14;border:none;border-radius:16px;color:#000;cursor:pointer;font-size:16px;margin-top:20px;padding:10px;transition:all .3s ease}.booking-form div.error{color:#ffbcbc;font-family:Karla,sans-serif;font-size:12pt;font-style:italic;margin-top:-20px}input.formSubmit:disabled{background:#919191;color:#fff}.booking-form .form-submit{background:#e0b813}
/*# sourceMappingURL=main.9d94e3e1.css.map*/