body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3e92cc;color:#fffcff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}button{background-color:#313e50;border:.2em solid #fffcff;border-radius:50% 50% 50% 50%/50% 50% 50% 50%;color:#fffcff;cursor:pointer;transition:background-color .1s ease-in,-webkit-transform .1s ease-in;transition:background-color .1s ease-in,transform .1s ease-in;transition:background-color .1s ease-in,transform .1s ease-in,-webkit-transform .1s ease-in}button:hover{-webkit-transform:scale(.9);transform:scale(.9)}.author a{color:#313e50;text-decoration:none}.author a:hover{text-decoration:underline}.timer-loader{background-color:#313e50;height:100%;position:absolute;transition:width .1s ease-in;width:0;z-index:-1}.pomodoro-settings{display:flex;gap:2em;justify-content:center;margin:0 auto;width:650px}.pomodoro-settings .setting-wrapper{flex:1 1}.pomodoro-settings .setting-wrapper p{font-size:1.5em}.pomodoro-settings .setting-wrapper:nth-child(2){order:-1}.pomodoro-settings .setting-button{display:flex;font-size:3em;justify-content:center}.pomodoro-settings .setting-button>*{flex-basis:4.2rem}.pomodoro-settings .setting-button i{font-size:2em}.timer-wrapper{-webkit-margin-before:1em;border:8px solid #fffcff;border-radius:2rem;font-size:3em;margin-block-start:1em;margin-inline:auto;max-width:29rem;overflow:hidden;position:relative}.timer-wrapper p{-webkit-margin-after:.2em;-webkit-margin-before:0;font-size:1.2em;margin-block-end:.2em;margin-block-start:0}.controllers-wrapper{-webkit-margin-before:1em;display:flex;gap:1em;justify-content:center;margin-block-start:1em}.controllers-wrapper button{border-width:.1em;flex-basis:3em;font-size:2em;height:3em}.reset-animation i{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:reset-button-spin;animation-name:reset-button-spin;-webkit-animation-timing-function:cubic-bezier(1,-.01,0,1.46);animation-timing-function:cubic-bezier(1,-.01,0,1.46)}.decrement-btn-animation i,.increment-btn-animation i{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:increment;animation-name:increment;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:cubic-bezier(.73,.22,.21,.7);animation-timing-function:cubic-bezier(.73,.22,.21,.7)}.decrement-btn-animation i{-webkit-animation-name:decrement;animation-name:decrement}@-webkit-keyframes reset-button-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes reset-button-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes increment{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes increment{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes decrement{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes decrement{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.timer-to-end{border-color:#9a031e;color:#9a031e}@media (max-width:650px){.pomodoro-settings{flex-direction:column;width:100%}}#pomo-counter{font-size:.6em;margin-block:.6em}#pomo-counter span{text-decoration:underline}
/*# sourceMappingURL=main.1df4cb14.css.map*/