.header{margin-bottom:1em;text-align:center}.timer{grid-row-gap:1em;align-items:center;background:#e2dcd6;border-radius:10px;box-shadow:0 0 15px #595959;display:grid;justify-items:center;margin:0 auto;padding:.75em}.timer .emojis{font-size:2em}@media screen and (min-width:500px){.timer{grid-template:1fr 1fr 1fr/1fr 1fr}.timer .emojis{grid-column:1/3}}.length-setter{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.length-setter h2{font-size:1.2em;text-align:center;text-transform:capitalize;width:100%}.length-setter .time-length{font-size:2.75em;font-weight:700;text-align:center;width:35%}.length-setter .decrement,.length-setter .increment{background:#02894b;border:1px solid #595959;border-radius:50%;color:#fff;cursor:pointer;height:2.15em;width:2.15em}.length-setter .decrement:hover,.length-setter .increment:hover{background-color:#05ab5f}.length-setter .decrement:active:not([disabled]),.length-setter .increment:active:not([disabled]){background-color:#05ab5f;box-shadow:inset 3px 3px 5px #016336}.length-setter .decrement:disabled,.length-setter .increment:disabled{background-color:#ccc5be}.progress{align-items:center;display:flex;justify-content:center;position:relative;width:90%}@media screen and (min-width:500px){.progress{grid-area:3/1/5/3}}.progress .progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #132126;border-radius:6px;color:#ef3340;height:5em;width:100%}.progress .progress-bar[value]::-webkit-progress-bar{background-color:#ccc5be;border-radius:3px;box-shadow:inset 0 2px 5px #595959}.progress .progress-bar[value]::-webkit-progress-value{background-color:#ef3340;border-radius:3px}.progress .progress-bar[value]::-moz-progress-bar{background-color:#ef3340;border-radius:3px}.progress label{font-size:1.75em;position:absolute;text-align:center;text-transform:capitalize;top:.3em}.progress label .time-left{display:block;font-weight:700}@-webkit-keyframes shake{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(3px);transform:translate(3px)}50%{-webkit-transform:translate(-3px);transform:translate(-3px)}75%{-webkit-transform:translate(3px);transform:translate(3px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shake{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(3px);transform:translate(3px)}50%{-webkit-transform:translate(-3px);transform:translate(-3px)}75%{-webkit-transform:translate(3px);transform:translate(3px)}to{-webkit-transform:translate(0);transform:translate(0)}}.times-up{-webkit-animation:shake .5s linear .75s 7;animation:shake .5s linear .75s 7}@media(prefers-reduced-motion:reduce){.times-up{-webkit-animation:none;animation:none}}@media screen and (min-width:500px){.controls{grid-column:1/3}}.controls button{background-color:#31a5d6;border:1px solid #595959;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25em;height:2.75em;width:2.75em}.controls button:active,.controls button:hover{background-color:#44b4e3}.controls button:active{box-shadow:inset 3px 3px 5px #1a80ab}.controls .reset,.controls .start_stop{margin-right:.5em}.quote{background:#016336;color:#fff;margin-top:1.5em;padding:1em}.quote .quote-content{border-left:5px solid #02894b;padding-left:.75em}.quote .quote-author{font-style:italic;padding-top:.25em;text-align:right}.footer{font-size:.95em;font-style:italic;margin-top:1em;opacity:.65}html{box-sizing:border-box;font-size:100%}*{box-sizing:inherit;margin:0;padding:0}body{background:#02894b;background:radial-gradient(circle,#02894b 0,#05ab5f 95%);color:#132126;font-family:Ubuntu,sans-serif;height:100vh;width:100vw}h1{font-size:2.75em;margin-bottom:.2em}a{color:#e2dcd6;font-style:italic}a:focus,a:hover{color:#fff}.app{align-items:center;display:flex;flex-direction:column;padding:3em 0}@media screen and (min-width:900px){.app{height:100vh;justify-content:center;padding:0}}.header,.quote,.timer{width:clamp(17.1875em,80%,31.25em)}.quote,.timer{border:2px solid #132126}
/*# sourceMappingURL=main.438a54d9.css.map*/