@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Markazi+Text:wght@400;500;600&family=Tajawal:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Markazi+Text:wght@400;600;700&family=Tajawal:wght@400;500&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}*{box-sizing:border-box;font-family:Kalam,cursive;margin:0;object-fit:cover;padding:0}::selection{background-color:#f4ce14}::-moz-selection{background-color:#f4ce14}.App-header{background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-header,.nav-layer{align-items:center;justify-content:center}.nav-layer{display:grid;grid-template-columns:repeat(6,auto);margin-left:20px}li{list-style:none}.active{border-bottom:3px solid #ee9972}.li-nav{padding:0 15px}a{color:#333;font-family:Markazi Text,serif;font-size:33px;font-weight:600;text-decoration:none}a:hover{color:#ee9972}@media (max-width:992px){li{padding:0 10px}.a-nav{font-size:23px}}@media (max-width:768px){.nav-layer{background-color:#333;display:block;margin-left:0;margin-top:15px;text-align:center}.li-nav{padding:20px 0}.a-nav{color:#edefee;font-size:1.5rem;font-weight:400;letter-spacing:3px}}.header-layer{align-items:center;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;margin:2rem 0 100px}.hamburger-nav{display:none}.hamburger-img{width:25px}@media (max-width:768px){.header-layer{display:block}.hamburger-nav{display:inline-flex;padding-right:30px;padding-top:10px;position:absolute;right:0}.img-nav{display:inline-flex;padding-left:30px}.hamburger-menu{display:none;margin-top:15px;transition:all .5s ease}}footer{background-color:#333;padding:25px 0}.article-layer{align-items:center;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-around;margin-bottom:10px}.footer-img{width:85px}.footer-a{color:#edefee;font-size:30px;font-weight:300}.icon-nav{color:#edefee;font-size:15px;margin-right:10px}.p-footer{color:#edefee;font-family:Markazi Text,serif;font-size:1.5rem;margin-bottom:-25px;text-align:center}@media (max-width:768px){footer{padding:20px 10px}.footer-img{margin-right:20px;width:60px}.footer-a{font-size:14px}.icon-nav{font-size:10px;margin-right:2px}}.about-layer{background-color:#495e57;border-bottom:10px solid #f4ce14;height:300px;margin-bottom:300px;position:relative;width:100%}.about-heading-chef{border-bottom:3px solid #f4ce14;color:#f4ce14;font-family:Markazi Text,serif;font-size:60px;text-transform:uppercase;top:25%}.about-heading-chef,.about-img-chef{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about-img-chef{border:5px solid #f4ce14;border-radius:10px;height:350px;top:105%;width:1000px}.about-layer-p{margin:-50px auto 100px;width:850px}.about-p{color:#495e57;font-family:Markazi Text,serif;font-size:40px;letter-spacing:1px;line-height:40px;margin-bottom:50px}@media (max-width:992px){.about-heading-chef{font-size:55px}.about-img-chef{height:280px;top:100%;width:600px}.about-layer-p{width:550px}.about-p{font-size:30px;letter-spacing:0;line-height:35px}}@media (max-width:768px){.about-layer{height:200px;margin-bottom:150px}.about-heading-chef{font-size:40px;top:25%}.about-img-chef{height:160px;top:90%;width:350px}.about-layer-p{width:300px}.about-p{font-size:30px;letter-spacing:0;line-height:35px}}.conf-h{color:#333;font-size:3.5rem;margin:50px 0;text-align:center}.div-layer{margin:0 200px}.conf-all{color:#000;display:inline-block;font-size:1.5rem;height:100px;padding-top:15px;text-align:center;width:50%}.conf-date{background-color:#ee9979;opacity:.7}.conf-time{background-color:#495e57;opacity:.7}.conf-guests{background-color:#f4ce14;opacity:.7}.conf-occasion{background-color:#fbdabb;opacity:.7}.con-th{color:#333;font-size:1rem;font-weight:600;margin-bottom:50PX;margin-top:20px;text-align:center}@media (max-width:992px){.conf-h{font-size:3rem}.conf-all{font-size:1.3rem;height:100px}.con-th{font-size:1.2rem}}@media (max-width:768px){.conf-h{font-size:2.5rem}.div-layer{margin:0}.conf-all{font-size:1.3rem}.con-th{font-size:1.1rem;margin-top:20px}}.head-a{color:#f4ce14;font-weight:500}.button-a,.head-a{font-family:Markazi Text,serif}.button-a{background-color:#f4ce14;border:none;border-radius:10px;color:#333;font-size:22px;font-weight:700;height:45px;width:160px}.button-a:hover{background-color:#ee9972}.article-1{align-items:center;background-color:#495e57;display:grid;grid-template-columns:repeat(2,auto);height:340px;justify-content:center}.section1-a1{margin-right:200px}.head-a1{font-size:87px}.span-a1{display:block;font-size:25px;line-height:0;margin-bottom:40px}.p-a1,.span-a1{color:#edefee;font-weight:400}.p-a1{font-size:20px;margin-bottom:20px;width:400px}.button-a1{margin-bottom:10rem;margin-top:.5rem}.img-a1{border-radius:16px;height:330px;width:255px}.article-2{align-items:center;display:grid;grid-template-columns:repeat(2,auto);justify-content:center;margin-top:150px}.head-a2{color:#252525;font-size:55px;font-weight:600;margin-right:180px}.article-a3{align-items:center;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;margin:50px 0}.div-a3{margin-left:50px;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:210px}.div-a3:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.img-a3{border-top-left-radius:16px;border-top-right-radius:16px;height:150px;margin-bottom:-10px;width:210px}.section2-a3{background-color:#edefee;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:250px}.div2-a3{align-items:center;display:grid;grid-template-columns:repeat(2,auto);justify-content:space-around}.head-a3,.p-a3,.span-a3{color:#252525;font-family:Markazi Text,serif}.head-a3{font-size:22px;margin:10px 0;padding-right:30px}.span-a3{color:#ee9972;font-size:20px}.p-a3{font-size:18px;font-weight:300;padding:20px 10px}.a-a3{display:inline-block;font-size:20px;margin-bottom:30px;padding:0 10px}.head-a4{border-bottom:3px solid #f4ce14;color:#252525;font-size:55px;font-weight:600;margin:100px auto;text-align:center;width:500px}.article-a5{align-items:center;display:grid;grid-template-columns:repeat(4,auto);justify-content:center}.section-a5{background-color:#333;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:180px;margin-right:10px;width:250px}.section-a51,.section-a53{border:3px solid #ee9972}.section-a52,.section-a54{border:3px solid #f4ce14}.head-a5{color:#edefee;font-size:.9rem;padding-bottom:10px;padding-top:20px;text-align:center}.p-a5{color:#edefee;font-size:12px;font-weight:400;padding:0 50px;text-align:left}.div-a5{display:grid;justify-content:center}.img-a5{border-radius:50%;height:100px;width:100px}.img-a51,.img-a53{border:2px solid #ee9972}.img-a52,.img-a54{border:2px solid #f4ce14}.article-a7{align-items:center;display:grid;grid-template-columns:repeat(2,auto);justify-content:center;margin:170px 0}.head-a7{font-size:3rem;font-weight:600;letter-spacing:4px}.span-a7{color:#333;display:block;font-size:1rem}.div-a7{width:550px}.p-a7{color:#333;font-family:Markazi Text,serif;font-size:1.5rem;font-weight:500;padding:10px 0}.section2-a7{margin-left:80px;position:relative}.img-a71,.img-a72{border-radius:3px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:350px;width:250px}.img-a72{border:5px solid #f4ce14;left:50%;position:absolute;top:50%;-webkit-transform:translate(-40%,-45%);transform:translate(-40%,-45%);z-index:-1000}@media (max-width:992px){.section1-a1{margin-right:100px}.head-a1{font-size:60px}.span-a1{font-size:20px}.p-a1{width:340px}.img-a1{height:300px;width:230px}.head-a2{font-size:45px;margin-right:80px}.div-a3{margin-left:30px}.div-a3,.img-a3{width:200px}.head-a3{font-size:19px}.a-a3{font-size:18px}.head-a4{border-bottom:3px solid #f4ce14;margin:10px auto;width:400px}.article-a5{grid-template-columns:repeat(2,auto)}.section-a5{margin-right:20px;margin-top:50px}.div-a7{width:400px}.p-a7{font-size:1.1rem;padding:5px 0}.section2-a7{margin-left:50px}.img-a72{border:4px solid #f4ce14}}@media (max-width:768px){.article-1{grid-template-columns:repeat(1,1fr);height:520px}.section1-a1{margin-right:0}.head-a1{text-align:center}.span-a1{padding-left:85px;padding-top:10px;text-align:left}.p-a1{font-size:22px;font-weight:300;padding-left:80px;width:350px}.button-a1{font-size:28px;height:50px;margin-bottom:30px;margin-left:80px;width:200px}.section2-a1{display:grid;justify-items:center}.img-a1{height:290px}.article-2{grid-template-columns:repeat(1,auto);margin-top:250px}.center-btn{align-items:center;display:grid;justify-content:center}.head-a2{font-size:40px;margin-bottom:30px;margin-right:0}.article-a3{grid-template-columns:repeat(1,auto)}.div-a3{margin-bottom:50px;margin-left:0}.div-a3,.img-a3{width:230px}.head-a3{font-size:22px}.p-a3{font-size:19px}.a-a3{color:#333;font-size:22px}.head-a4{font-size:35px;margin:5px auto;width:300px}.article-a5{grid-template-columns:repeat(1,auto)}.section-a5{margin-bottom:40px;margin-right:0;width:290px}.head-a5{font-size:17px}.p-a5{font-size:1rem}.article-a7{grid-template-columns:repeat(1,auto)}.head-a7{font-size:3rem;letter-spacing:5px;text-align:center}.span-a7{padding-left:140px;text-align:left}.div-a7{padding:40px}.p-a7{font-size:1.2rem;padding:5px 0}.section2-a7{margin-left:0}.div-media{align-items:center;display:grid;justify-content:center}.img-a71,.img-a72{height:300px;width:200px}.img-a72{-webkit-transform:translate(-40%,-45%);transform:translate(-40%,-45%)}}.menu-layer{background-color:#333;height:400px;position:relative}.menu-img{height:400px;opacity:.25;transition:opacity .5s ease;width:100%}.menu-img:hover{opacity:.6}.menu-heading{background-color:#edefee;color:#495e57;font-family:Markazi Text,serif;font-size:80px;left:10%;letter-spacing:5px;line-height:55px;padding:10px 20px;position:absolute;text-transform:capitalize;top:20%;width:850px}.sub-menu-article{margin:100px 0}.sub-menu-heading{border-bottom:3px solid #f4ce14;color:#333;font-family:Markazi Text,serif;font-size:70px;font-weight:700;margin:50px auto;text-align:center;width:300px}.sub-menu-layer{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;justify-items:center;margin:5px 0}.sub-menu{background-color:#333;margin-right:5px;position:relative}.sub-menu,.sub-menu-img{height:180px;width:350px}.sub-menu-img{opacity:.5;transition:opacity .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.sub-menu-img:hover{opacity:.9}#desserts-img{height:360px}#meat-img,#salads-img{height:360px;margin-top:-180px}.desserts-img,.meat-img,.salads-img{height:360px}.sub-menu-img-h{background-color:#edefee;color:#333;font-size:20px;font-weight:600;left:50%;padding:0 10px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:992px){.menu-img,.menu-layer{height:370px}.menu-heading{font-size:60px;left:5%;line-height:45px;width:600px}.sub-menu-layer{margin:3px 0}.sub-menu{margin-right:3px}.sub-menu,.sub-menu-img{height:180px;width:250px}.desserts-img,.meat-img,.salads-img{height:360px}}@media (max-width:768px){.menu-img,.menu-layer{height:300px}.menu-heading{font-size:30px;left:7%;letter-spacing:2px;line-height:30px;top:30%;width:320px}.sub-menu-heading{font-size:50px;width:210px}.sub-menu-layer{grid-template-columns:repeat(2,auto);margin:3px 0}.sub-menu{margin-right:3px}.sub-menu,.sub-menu-img{width:200px}#desserts-img,.desserts-img{height:360px}#seafood-img{margin-top:-177px}#drink-img,.drink-img{height:360px}#meat-img{height:180px;margin-top:-175px}#salads-img{margin-top:2px}#salads-img,.meat-img,.salads-img{height:180px}.sub-menu-img-h{font-size:15px}}.img-order-layer{position:relative}.order-img{height:400px;margin-top:50px;opacity:.25;width:100%}.button-order,.order-heading,.order-p-img,.order-p1-img{color:#495e57;left:10%;position:absolute}.order-heading{font-family:Markazi Text,serif;font-size:80px;font-weight:700;letter-spacing:5px;top:20%}.order-p-img,.order-p1-img{font-weight:400}.order-p-img{font-size:40px;letter-spacing:0;top:45%}.order-p1-img{font-size:30px;letter-spacing:-2px;top:58%}.button-order{top:75%}.food-heading{border-bottom:3px solid #f4ce14;color:#333;font-family:Markazi Text,serif;font-size:70px;font-weight:700;margin:50px auto;text-align:center;text-transform:uppercase;width:450px}.order-layer{align-items:center;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;margin:70px 0}.order-card{background-color:#edefee;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:290px;margin-left:50px;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:220px}.order-card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.order-card-img{height:160px;margin-bottom:-10px;width:190px}.center-img{align-items:center;display:grid;justify-content:center;margin-top:10px}.card-heading{margin-top:20px}.card-h,.card-span{color:#495e57;text-align:center}.card-span{background-color:#ee9972;display:inline-block;font-size:15px;font-weight:100;height:20px;margin:0 20px;width:50px}.card-btn-layer{align-items:center;display:grid;justify-content:center;margin-top:20px}.cart-btn{background-color:#f4ce14;color:#333;font-size:15px;padding:5px 10px}.cart-btn:hover{background-color:#ee9972;color:#333}@media (max-width:992px){.order-img{height:350px}.order-heading{font-size:70px;letter-spacing:3px}.order-p-img{font-size:35px}.food-heading{font-size:50px;width:350px}.order-card{height:280px;margin-left:30px;width:200px}.order-card-img{height:150px;margin-bottom:0;width:170px}.card-h{font-size:14px}.card-span{font-size:13px;height:17px;width:40px}}@media (max-width:768px){.order-img{height:350px;opacity:.22}.order-heading{font-size:45px;letter-spacing:0;top:30%}.order-p-img{font-size:30px;letter-spacing:-1px;top:47%}.order-p1-img{font-size:25px;top:60%}.button-order{font-size:23px;height:40px;left:-7%;top:72%;width:130px}.food-heading{font-size:40px;width:250px}.order-layer{grid-template-columns:repeat(1,auto)}.order-card{height:290px;margin-bottom:50px;margin-left:0;width:230px}.order-card-img{height:160px;width:190px}.card-h{font-size:17px}.card-span{height:20px;width:50px}.card-span,.cart-btn{font-size:15px}}.booking-layer{align-items:center;display:grid;grid-template-columns:repeat(2,auto);justify-content:center}.form-booking{grid-gap:10px;background-color:#333;border:4px solid #edefee;color:#edefee;display:grid;gap:10px;margin:50px 80px 50px 50px;padding:20px 0;width:250px}label{font-size:.8rem}input,label,select{border:none;margin-left:20px;width:190px}input,select{background-color:#edefee;color:#333;outline:none;padding:0 5px}.guests-nu{width:160px}.occasion{width:120px}.time-selected{color:#ee9972;font-size:.8rem;font-weight:400;margin-left:20px}.submit-btn{background-color:#f4ce14;border-radius:2px;font-family:Markazi Text,serif;font-size:1rem;font-weight:600;height:28px;letter-spacing:1.2px;margin-top:10px}.submit-btn:hover{background-color:#ee9972}.section-p{margin-left:50px}.h-booking{color:#333;font-family:Markazi Text,serif;font-size:3.5rem;letter-spacing:5px;line-height:40px;margin-bottom:20px;width:290px}.p-booking{color:#333;font-size:.8rem;font-weight:600;width:500px}@media (max-width:992px){.form-booking{margin-right:20px;width:240px}.h-booking{font-size:2.9rem;letter-spacing:6px}.p-booking{font-size:.7rem;width:350px}}@media (max-width:768px){.booking-layer{grid-template-columns:auto;grid-template-rows:auto auto}.form-booking{grid-row:2/2;margin-right:0;width:260px}input,label,select{width:200px}.submit-btn{letter-spacing:1px}.section-p{align-items:center;display:grid;grid-row:1/2;justify-content:center;margin-left:0}.h-booking{border-bottom:2px solid #f4ce14;border-top:2px solid #f4ce14;font-size:2.1rem;letter-spacing:2px;width:100%}.p-booking{font-size:.9rem;width:350px}}.page:before{background-image:url(/capstone-project-restaurant/static/media/3.cbb539d148cfa587cbd3.jpg);background-position:50%;background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:fixed;top:0;width:100%;z-index:-1}
/*# sourceMappingURL=main.7e393af0.css.map*/