*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#overlays{align-items:center;display:flex;justify-content:center}button:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.App{background-color:#a7310288;height:100%;overflow-x:hidden;width:100%}.container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:65%}@media (max-width:1140px) and (orientation:portrait){.container{width:90%}}.backdrop{background-color:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:20}.modal{-webkit-animation:slide-down .3s ease-out forwards;animation:slide-down .3s ease-out forwards;background-color:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.25);padding:16px;position:fixed;top:5vh;width:90%;z-index:30}@media (min-width:768px){.modal{width:65%}}@media (max-width:768px){.modal{position:fixed;top:4vh}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.cart-items{list-style:none;margin:0;max-height:25vh;overflow-y:scroll;padding:0}.total{display:flex;flex-flow:row wrap;font-size:24px;font-weight:700;margin:16px 0}.actions,.total{align-items:center;justify-content:center}.actions{text-align:right}.actions button{border:1px solid #8a2b06;margin-left:1rem}.actions button:active,.actions button:hover{background-color:#5a1a01;border-color:#5a1a01;color:#fff}.actions .button--alt{color:#8a2b06}.actions .button{background-color:#8a2b06;color:#fff}.success-order{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;text-align:center}.success-order p{border:2px solid #8a2b06;border-radius:25px;font-size:large;font-weight:700;margin:auto;padding:8px 32px}.logout-actions{align-items:center;display:flex;flex-flow:row wrap;justify-content:center}.logout-actions button{background-color:#5a1a01;border:1px solid #5a1a01;border-radius:25px;color:#fff;cursor:pointer;font:inherit;padding:.5rem 2rem}.logout-actions button:active,.logout-actions button:hover{background-color:#7a2706;opacity:.95}.cart-item{align-items:center;border-bottom:2px solid #8a2b06;display:flex;flex-flow:row wrap;gap:10px;justify-content:space-between;margin:16px 0;padding:16px 0}.cart-item h2{color:#363636;margin:0 0 8px}.cart-item-name{width:32%}.cart-summary{align-items:center;display:flex;flex-flow:row wrap;gap:10px;justify-content:space-between}.cart-price{color:#8a2b06;font-weight:700}.cart-amount{border:1px solid #ccc;border-radius:6px;color:#363636;font-weight:700;padding:4px 12px}.cart-actions,.cart-amount,.cart-item button{align-items:center;display:flex;flex-flow:row wrap;justify-content:center}.cart-item button{background-color:initial;border:1px solid #8a2b06;border-radius:6px;box-sizing:border-box;color:#8a2b06;cursor:pointer;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;font-weight:700;margin:4px;text-align:center;width:3rem}.cart-item button:active,.cart-item button:hover{background-color:#8a2b06;color:#fff}@media (max-width:412px) and (orientation:portrait){.cart-item *{text-align:center}.cart-item *,.cart-item h2{margin:0 auto}.cart-item{display:flex;flex-direction:column}.cart-item-name{width:90%}.cart-summary{flex-direction:column;gap:2px;padding:2px}.cart-actions,.cart-summary{align-items:center;display:flex;justify-content:center;width:160px}}.order-form{height:35vh;margin:1rem 0;overflow-y:scroll}.control{margin-bottom:.5rem;width:50%}.control label{display:flex;flex-direction:column;font-weight:700;margin-bottom:.25rem}.control input{border:1px solid #ccc;border-radius:4px;font:inherit;max-width:100%;width:20rem}.actions{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-end}.actions button{background-color:initial;border:none;border-radius:25px;color:#5a1a01;cursor:pointer;font:inherit;padding:.5rem 2rem}.actions button:active,.actions button:hover{opacity:.95}.actions .submit{background-color:#5a1a01;border:1px solid #5a1a01;color:#fff}.actions .submit:active,.actions .submit:hover{background-color:#7a2706}.invalid label{color:#ca3e51}.invalid input{background-color:#ffeff1;border-color:#aa0b20}.control p{color:red;font-weight:700}.auth{background-color:#8a2b06;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.2);margin:3rem auto;max-width:25rem;padding:1rem;width:95%}.auth,.auth h1{color:#fff;text-align:center}.login-control{margin-bottom:.5rem}.login-control label{color:#fff;display:block;font-weight:700;margin-bottom:.5rem}.login-control input{background-color:#f1e1fc;border:1px solid #fff;border-radius:4px;color:#8a2b06;font:inherit;padding:.25rem;text-align:left;width:100%}.login-actions{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem}.login-actions button{background-color:#8a2b06;border:1px solid #641e03;border-radius:20px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:4px 32px}.login-actions button:hover{background-color:#641e03;border-color:#641e03}.login-actions .toggle{background-color:initial;border:none;color:hsla(0,0%,100%,.6);margin-top:1rem;padding:.15rem 1.5rem}.login-actions .toggle:hover{background-color:initial;color:#fff}.header{background-color:#8a2b06;box-sizing:border-box;color:#fff;left:0;padding:20px 0;position:fixed;top:0;width:100%;z-index:10}.store-name{font-size:5vmin;font-style:italic;font-weight:700}@media (max-width:412px) and (orientation:portrait){.header h1{font-size:4vw;margin:1vw}}.main-image{height:400px;overflow:hidden;width:100vw;z-index:0}.main-image img{height:100%;object-fit:cover;-webkit-transform:rotate(-5deg) translateY(-64px) translateX(-16px);transform:rotate(-5deg) translateY(-64px) translateX(-16px);width:110%}.cart-button{align-items:center;background-color:#4d1601;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font:inherit;font-weight:700;justify-content:space-around;padding:1vh 5vh}@media (max-width:902px){.cart-button{padding:12px 14px}}@media (max-width:412px) and (orientation:portrait){.button{padding:10px}}.button:active,.button:hover{background-color:#2c0d00}.icon{height:22px;margin-right:8px;width:22px}.badge{background-color:#b94517;border-radius:25px;font-weight:700;margin-left:16px;padding:4px 16px}.button:active .badge,.button:hover .badge{background-color:#92320c}.bump{-webkit-animation:bump .3s ease-out;animation:bump .3s ease-out}@-webkit-keyframes bump{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.9);transform:scale(.9)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bump{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.9);transform:scale(.9)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}.card{background-color:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.25);padding:16px}.meals{-webkit-animation:meals-appear 1s ease-out forwards;animation:meals-appear 1s ease-out forwards;height:auto;margin:32px auto;width:100%}.meals ul{list-style:none;margin:0;padding:0}@-webkit-keyframes meals-appear{0%{opacity:0;-webkit-transform:translateY(48px);transform:translateY(48px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes meals-appear{0%{opacity:0;-webkit-transform:translateY(48px);transform:translateY(48px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.MealsLoading{color:#fff}.MealsError,.MealsLoading{font-size:20px;text-align:center}.MealsError{background-color:#fff;color:red}.meal{align-items:center;background-color:hsla(0,0%,100%,.8);border-bottom:1px solid #ccc;display:flex;flex-flow:row wrap;gap:1vh;justify-content:space-between;margin:16px;padding:1vw}.meal-name{font-weight:700}.description{font-style:italic}.price{color:#ad5502;font-size:20px;font-weight:700;margin-top:4px}.meal-item-text{align-items:flex-start;display:flex;flex-flow:column wrap;justify-content:center;width:30%}.meal-item-image{aspect-ratio:3/2;min-width:120px;width:30%}.meal-item-image img{height:100%;width:100%}.form-container{align-items:center;display:flex;justify-content:center;text-align:center;width:30%}@media (max-width:1140px) and (orientation:portrait){.meal{flex-direction:column;margin:0 auto}.meal *{margin:0 auto;text-align:center}.meal>div:last-child{width:-webkit-max-content;width:max-content}}@media (max-width:970px) and (orientation:portrait){.meal-name{font-size:larger;font-weight:700}.meal-item-text{font-size:large;font-style:italic}.meal{align-items:center;display:flex;flex-flow:row wrap;gap:4vw;justify-content:space-between}}@media only screen and (max-width:413px) and (orientation:portrait){.meal{background-color:hsla(0,0%,100%,.8);flex-direction:column;flex-flow:column wrap;font-size:4vw;margin:5px 0;padding:10px 0}.meal *{margin:0 auto;text-align:center}.meal-item-text{font-size:15px;font-size:large;font-weight:700;margin:10px;padding:0 10px;text-align:left;width:80%}.meal-name{font-size:larger}.meal-item-image{height:120px;width:49%}.meal-item-image img{height:100%;width:100%}}.input{align-items:center;display:flex;margin-bottom:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.input label{font-weight:700}.input input{border:1px solid #ccc;border-radius:5px;font:inherit;padding-left:8px;width:48px}.meal-item-form{align-items:center;display:flex;flex-flow:column wrap;height:100%;justify-content:space-between;margin:5px 0;text-align:center}.meal-item-form button{background-color:rgba(138,43,6,.95);border:1px solid #8a2b06;border-radius:20px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:4px 32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}@media (max-width:1140px){.meal-item-form button{padding:4px 8px}}@media (max-width:412px) and (orientation:portrait){.meal-item-form button{padding:2px 4px}}.meal-item-form button:hover{background-color:#8a2b06;border-color:#641e03}.meal-item-form button:active{background-color:#641e03;border-color:#641e03}.summary{background-color:rgba(138,43,6,.9);border:1px solid #8a2b06;border-radius:14px;box-shadow:0 1px 18px 10px rgba(0,0,0,.25);color:#fff;margin:-160px auto auto;padding:16px;position:relative;text-align:center;width:100%}.summary h2{font-size:32px;margin-top:0}
/*# sourceMappingURL=main.419fe45c.css.map*/