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,body{font-family:Noto Sans JP,Roboto,sans-serif}.App{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center;transition:background .8s}.App,.App-working{background:linear-gradient(135deg,#1e90ff,#00c6fb)}.App-break{background:linear-gradient(135deg,#43e97b,#38f9d7)}.App-header{background-color:#222;color:#fff;height:150px;padding:20px}.App-intro{font-size:large}.timer-container{align-items:center;background:#ffffff14;border-radius:50%;box-shadow:0 8px 32px 0 #1f26872e;display:flex;flex-direction:column;height:264px;justify-content:center;margin-bottom:32px;padding:32px;position:relative;width:264px}.timer-time{color:#fff;font-size:3rem;font-weight:700;left:50%;letter-spacing:2px;margin:0;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 8px #0000002e;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.MuiFab-root{background:linear-gradient(135deg,#fff 60%,#e0e0e0);box-shadow:0 4px 16px #1e90ff2e;color:#1e90ff;transition:box-shadow .2s,transform .2s}.MuiFab-root:hover{box-shadow:0 8px 32px #1e90ff47;transform:scale(1.08)}.achieve-count{background:#0000002e;border-radius:12px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:24px;padding:6px 18px;text-shadow:0 2px 8px #00000059,0 0 1px #000}.settings-icon{color:#fff!important;cursor:pointer;font-size:2.2rem!important;margin-top:0;position:fixed;right:32px;top:32px;transition:color .2s,transform .2s;z-index:100}.settings-icon:hover{color:#ffd600!important;transform:rotate(20deg) scale(1.2)}@media (max-width:600px){.settings-icon{font-size:1.5rem!important;right:12px;top:12px}.timer-container{height:180px;padding:16px;width:180px}.timer-time{font-size:2rem}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.50dabbd2.css.map*/