@import url(https://fonts.googleapis.com/css2?family=Mooli&display=swap);:root{--main-background:#8a977c;--accent-color:#fed4d4;--text-color:#faf9f7;--seconday-accent:#e2dff7;--buttons:#cc7f5d}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Mooli,sans-serif;font-size:62.5%}body{background-color:#8a977c;background-color:var(--main-background);color:#faf9f7;color:var(--text-color);font-weight:400;min-height:100vh;padding:3.2rem 3.2rem 6rem}.container{align-items:center;display:flex;flex-direction:column;gap:4.8rem;margin:0 auto;max-width:80rem}.header{align-self:stretch}.header h1{color:#faf9f7;color:var(--text-color);display:block;font-size:5.2rem;font-weight:300;letter-spacing:3px;margin-bottom:20px;position:relative;text-align:center;text-transform:uppercase;width:100%}.header h1:after,.header h1:before{background-color:#fed4d4;background-color:var(--accent-color);content:"";display:block;height:3px;position:absolute;top:calc(50% - 1px);width:40rem}.header h1:before{left:0}.header h1:after{right:0}.header h2{font-family:Mooli,sans-serif;font-size:2.4rem;font-style:italic;font-weight:300;margin-bottom:3rem;text-align:center}.menu{align-items:center;display:flex;flex-direction:column;gap:4rem;overflow-y:auto;width:auto}.menu h1{font-size:4.2rem;font-style:italic;font-weight:300;margin-bottom:.8rem}.menu h2{border-bottom:2px solid;border-top:2px solid;display:inline-block;font-size:2.4rem;font-weight:500;letter-spacing:3px;padding:1rem 0;text-transform:uppercase}.menu h3{font-style:oblique;font-weight:400}.menu h3,.menu h4{margin-bottom:.8rem}.menu h4{font-size:2rem;font-style:italic;font-weight:300}.menu>p{font-size:1.8rem;line-height:1.6;text-align:center;width:80%}.menu-buttons{align-items:center;background-color:#fed4d4;background-color:var(--accent-color);border-radius:60px;box-shadow:0 6px 6px #525252;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-evenly;margin-bottom:10px;padding:20px;width:100%}.food-list{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:auto auto;list-style:none;margin-bottom:80px}.food-list li{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards;list-style:none;margin:0;opacity:0;padding:0}.food-list.appetizer-list{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:auto;list-style:none;margin-bottom:80px}.menuItem{display:flex;gap:5.2rem;margin-bottom:20px;padding-top:2.4rem}.menuItem img{align-self:start;aspect-ratio:1/1;border:7px ridge #fed4d4;border:7px ridge var(--accent-color);border-radius:25%;box-shadow:0 6px 6px #525252;object-fit:cover;width:25rem}.menuItem div{display:flex;flex-direction:column;gap:.8rem;padding:.4rem 0}.menuItem h3{color:#e2dff7;color:var(--seconday-accent);font-size:2rem;font-weight:700}.menuItem h3,.menuItem p{text-shadow:#363636 1px 2px 2px}.menuItem p{font-size:1.5rem;font-style:italic;font-weight:300;margin-bottom:auto}.menuItem span{display:block;font-size:2rem;text-shadow:#363636 1px 2px 2px}.menuItem.sold-out{color:#888}.menuItem.sold-out img{-webkit-filter:grayscale();filter:grayscale();opacity:.8}.menuItem.selected{background-color:#8a8784;border-radius:50px;padding:2rem}.footer{background-color:#fed4d4;background-color:var(--accent-color);border-top:2px solid #888;bottom:0;color:#5a5a5a;font-size:24px;height:170px;justify-content:center;left:0;padding:1.8rem 0;position:fixed;text-align:center;width:100%}.footer,.order{align-items:center;display:flex;flex-direction:column}.order{gap:25px}.footer p{align-items:center;display:flex;gap:.5rem;margin-bottom:1.2rem;text-shadow:#353535 0 2px 2px}.btn{background-color:#cc7f5d;background-color:var(--buttons);border:6px ridge #ffebcd;border-radius:50px;box-shadow:0 6px 6px #525252;color:#faf9f7;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:1.6rem;font-weight:500;padding:1.4rem 3.2rem;text-shadow:#363636 1px 2px 2px;transition:all .5s ease-in-out}.btn:hover{background-color:#fff;color:#8a977c;color:var(--main-background);text-shadow:none;-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.ReactModal__Overlay{align-items:center;background-color:rgba(0,0,0,.5);justify-content:center}.ReactModal__Content{background:#8a977c!important;background:var(--main-background)!important;border:6px ridge #ffebcd!important;border-radius:50px!important;box-shadow:0 4px 15px rgba(0,0,0,.2);margin:auto;padding:20px;position:relative;width:70%}.ReactModal__Content::-webkit-scrollbar{display:none}.ReactModal__Content{-ms-overflow-style:none;scrollbar-width:none}.form-container{background-color:#8a977c;background-color:var(--main-background);border-radius:10px;box-shadow:5px 10px 15px rgba(0,0,0,.1);margin:20px 0;padding:20px}.form-container label{color:#000;margin:10px 0 5px}.form-container h2{color:#353535;font-size:32px;font-weight:700;margin-bottom:25px;width:100%}.form-container label{color:#353535;display:block;font-size:20px;font-weight:700;text-shadow:#929292 0 0 2px}.form-container input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}.form-container .btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 15px}.form-container .error-message{color:#fff;font-size:14px;margin-bottom:10px}.form-container .btn:hover{background-color:#45a049}.confirmForm{align-items:center;color:#353535;display:flex;flex-direction:column;gap:20px}.confirmForm h2{font-size:2.4rem;font-style:italic;font-weight:300;text-decoration:underline}.confirmForm h2,.confirmForm h3{color:#353535;margin-bottom:.8rem}.confirmForm h3{font-size:1.6rem;font-style:oblique;font-weight:400}.confirmForm p{color:#353535;font-size:1.8rem;line-height:1.6;text-align:center;width:80%}.close-btn{background-color:#fed4d4;background-color:var(--accent-color);border-radius:150px;cursor:pointer;font-size:2.4rem;padding:.4rem .8rem;position:fixed;right:200px;top:30px;z-index:1000}.close-btn:hover{background-color:#fff;color:#8a977c;color:var(--main-background);text-shadow:none;-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.da172b06.css.map*/