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:#f2d397;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-button{background-color:#ff6f61;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin:50px;padding:15px 30px;transition:background .3s}.App-button:hover{background-color:#ff3b2f}.App-button:active{background-color:#e63946}.App-button:focus{box-shadow:0 0 0 3px #ff6f6180;outline:none}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}.shake{animation:shake .5s;animation-iteration-count:6}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{opacity:0}.animated-image{animation:fadeOut 3s forwards,shake 3s;animation-iteration-count:10}.App-closed-box{transition:opacity 4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 3s;opacity:1}.App-opened-box{height:auto;position:absolute;width:500px}.container{grid-gap:0;align-items:start;background-color:#f2d397;display:grid;gap:0;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:100vh;justify-items:center;padding:40px 0;position:relative;width:100vw}.top-row{justify-content:space-evenly}.bottom-row,.top-row{display:flex;grid-column:1/3;margin-top:0;width:100%}.bottom-row{justify-content:center}.image-column{align-items:center;display:flex;flex-direction:column}.timer-btn{margin-bottom:0;margin-top:30px;position:static}.left,.middle,.right{left:auto;position:static;right:auto;top:auto;transform:none}.Ramen-timer{background-color:#ff6f61;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;left:445px;margin:50px;padding:15px 30px;position:static;top:400px;transition:background .3s}.Ramen-timer:hover{background-color:#ff3b2f}.Ramen-timer:active{background-color:#e63946}.Ramen-timer:focus{box-shadow:0 0 0 3px #ff6f6180;outline:none}.Pho-timer{background-color:#9e3333;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;left:1000px;margin:50px;padding:15px 30px;position:static;top:400px;transition:background .3s}.Pho-timer:hover{background-color:#ff3b2f}.Pho-timer:active{background-color:#e63946}.Pho-timer:focus{box-shadow:0 0 0 3px #ff6f6180;outline:none}.Udon-timer{background-color:#9e3333;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;left:680px;margin:50px;padding:15px 30px;position:static;top:800px;transition:background .3s}.Udon-timer:hover{background-color:#ff3b2f}.Udon-timer:active{background-color:#e63946}.Udon-timer:focus{box-shadow:0 0 0 3px #ff6f6180;outline:none}.modal-overlay{height:300px;left:50px;position:fixed;top:550px;width:400px;z-index:1000}.modal-content{border-radius:20px;box-shadow:0 8px 20px #0006;color:#333;font-family:Arial,sans-serif;overflow:hidden;padding:30px;position:relative;text-align:center}.modal-content:before{background-image:url(/static/media/RamenAlone.63ff55bbce24c1344452.png);background-position:50%;background-size:cover;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}.modal-content>*{position:relative;z-index:1}.timer-text{color:#000;font-family:Arial,sans-serif;font-size:48px;font-weight:700;margin:20px 0}@media (max-width:600px){.container{display:flex;gap:0;height:auto;padding:10px 0;width:100vw}.bottom-row,.container,.top-row{align-items:center;flex-direction:column}.bottom-row,.top-row{justify-content:flex-start;margin-top:0;width:100%}.image-column{align-items:center;margin-bottom:20px;width:100%}.App-opened-box{max-width:350px;position:static;width:90vw}.App-button,.Pho-timer,.Ramen-timer,.Udon-timer{font-size:18px;margin:20px 0;max-width:350px;padding:12px 0;width:90vw}.timer-btn{margin-top:20px}.modal-overlay,.timer-btn{max-width:350px;width:90vw}.modal-overlay{height:auto;left:50%;min-height:200px;top:20px;transform:translateX(-50%)}.modal-content{font-size:16px;padding:15px}.timer-text{font-size:32px;margin:10px 0}}
/*# sourceMappingURL=main.71c7e473.css.map*/