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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#93651f;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;margin-bottom:30px;min-height:20vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.burger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#faf8f5,#c3cfe2);border:3px solid #fffc;border-radius:20px;box-shadow:0 15px 35px #0000001a;font-size:1.2rem;font-weight:700;height:400px;margin:30px auto;max-width:400px;overflow:hidden;padding:20px;text-align:center;width:100%}.burger,.top-bun{position:relative}.top-bun{background:linear-gradient(135deg,#d4691e,#ff8c42,#e27b36);border-radius:50% 50% 0 0;box-shadow:0 5px 15px #d4691e4d;height:20%;margin:2% auto;transform:perspective(100px) rotateX(5deg);width:80%}.seed1,.seed2,.seed3{background:radial-gradient(circle,#fff,#f8f8f8);border-radius:50%;box-shadow:0 2px 5px #0003;height:18%;position:absolute;width:12%}.seed1{animation:float 3s ease-in-out infinite;left:25%;top:45%;transform:rotate(-20deg)}.seed2{animation:float 3s ease-in-out 1.5s infinite;left:65%;top:45%;transform:rotate(60deg)}.seed3{animation:float 3s ease-in-out .75s infinite;left:45%;top:30%;transform:rotate(30deg)}@keyframes float{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-3px) rotate(-10deg)}}.bottom-bun{background:linear-gradient(135deg,#d4691e,#ff8c42,#e27b36);border-radius:0 0 30px 30px;box-shadow:0 5px 15px #d4691e4d;height:15%;margin:2% auto;transform:perspective(100px) rotateX(-3deg);width:80%}.lettuce{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#228c1d,#4caf50,#91ce50);border-radius:25px;box-shadow:0 3px 10px #228c1d4d;height:8%;margin:2% auto;position:relative;width:85%}.lettuce:before{background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:20px;content:"";height:60%;left:10%;position:absolute;top:20%;width:80%}.cheese{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#f4d004,#ffeb3b,#d6bb22);border-radius:20px;box-shadow:0 3px 10px #f4d0044d;height:5%;margin:2% auto;position:relative;width:90%}.cheese:after{background:linear-gradient(135deg,#fff6,#0000 70%);border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.meat{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#7f3608,#8d4004,#702e05);border-radius:15px;box-shadow:0 4px 12px #7f360866;height:10%;margin:2% auto;position:relative;width:85%}.meat:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:10px;content:"";height:30%;left:15%;position:absolute;top:10%;width:70%}.tomato{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#c0392b,#e74c3c,#d35400);border-radius:20px;box-shadow:0 3px 10px #c0392b4d;height:6%;margin:2% auto;position:relative;width:85%}.tomato:after{background:linear-gradient(135deg,#fff6,#0000 70%);border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.burger:before{animation:sparkle 2s linear infinite;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}.controls-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px auto;width:100%}.controls{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:500px;padding:20px;width:90%}.control-row{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px}.ingredient-name{color:#333;flex:1 1;font-size:16px}.add-button,.remove-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;margin:0 5px;padding:8px 15px;transition:all .2s}.add-button{background-color:#4caf50;color:#fff}.remove-button{background-color:#f44336;color:#fff}.add-button:hover{background-color:#45a049}.remove-button:hover{background-color:#da190b}.remove-button:disabled{background-color:#ccc;cursor:not-allowed}.order-button{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto 0;padding:12px;transition:background-color .2s;width:200px}.order-button:hover{background-color:#1976d2}.controls-label{color:#333;font-size:1.2rem;margin-bottom:10px}.ordered-page{align-items:center;background:linear-gradient(135deg,#faf8f5,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.ordered-page h2{color:#d4691e;font-size:2em;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0000001a}.order-details{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#faf8f5,#f8f0e6);border:3px solid #fffc;border-radius:20px;box-shadow:0 15px 35px #0000001a;max-width:400px;padding:25px;position:relative;width:100%}.order-details:before{animation:sparkle 2s linear infinite;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}.order-details p{color:#d4691e;font-size:1.4em;font-weight:700;margin-bottom:20px;text-align:center}.order-details ul{list-style:none;margin:0;padding:0}.order-details li{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#fff,#f8f8f8);border-radius:15px;box-shadow:0 3px 10px #0000001a;color:#333;font-size:1.1em;margin:10px 0;padding:15px}.order-details li:last-child,button{background:linear-gradient(135deg,#d4691e,#ff8c42,#e27b36);color:#fff;font-weight:700}button{border:none;border-radius:15px;box-shadow:0 5px 15px #d4691e4d;cursor:pointer;font-size:1.1em;margin-top:30px;padding:12px 25px;transition:transform .3s ease,box-shadow .3s ease}button:hover{box-shadow:0 7px 20px #d4691e66;transform:translateY(-2px)}@media (max-width:480px){.order-details{padding:15px;width:95%}.order-details li{font-size:1em;padding:12px}}.delivery-page{align-items:center;background:linear-gradient(135deg,#faf8f5,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.delivery-page h2{color:#d4691e;font-size:2em;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0000001a}.delivery-form{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#faf8f5,#f8f0e6);border:3px solid #fffc;border-radius:20px;box-shadow:0 15px 35px #0000001a;max-width:400px;padding:25px;position:relative;width:100%}.delivery-form:before{animation:sparkle 2s linear infinite;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}.form-group{margin-bottom:20px}.form-group label{color:#d4691e;display:block;font-weight:700;margin-bottom:8px}.form-group input{background:#ffffffe6;border:2px solid #d4691e4d;border-radius:10px;font-size:1em;padding:12px;width:100%}.form-group input:focus{border-color:#d4691e;box-shadow:0 0 10px #d4691e33;outline:none}.submit-button{background:linear-gradient(135deg,#d4691e,#ff8c42,#e27b36);border:none;border-radius:15px;box-shadow:0 5px 15px #d4691e4d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 25px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.submit-button:hover{box-shadow:0 7px 20px #d4691e66;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:480px){.delivery-form{padding:15px;width:95%}.form-group input{font-size:.9em;padding:10px}}
/*# sourceMappingURL=main.f8a20216.css.map*/