*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#021d29;--secondary-color:#e1e1e1}body{-webkit-touch-callout:none;outline:0;-webkit-user-select:none;user-select:none}#root{background-color:#021d29;background-color:var(--bg-color);color:#e1e1e1;color:var(--secondary-color);height:100vh;width:100vw}#root,main{align-items:center;display:flex;flex-direction:column;justify-content:center}main{background-color:#052a3b;border-radius:24px;width:400px}header{margin:32px;width:80%}h1{background-color:#e1e1e1;background-color:var(--secondary-color);border-radius:8px;color:#021d29;color:var(--bg-color);height:60px;justify-content:center}h1,section.controls{align-items:center;display:flex;width:100%}section.controls{justify-content:space-around;margin:24px 0}.controls h2{font-size:20px;margin:0 0 24px}.controls h2,.controls p{color:#e1e1e1;color:var(--secondary-color)}.set-timer-controls{align-items:center;display:flex;font-size:24px;justify-content:space-between;width:100%}.set-timer-controls button{background:#021d29;background:var(--bg-color);border-radius:8px;color:#e1e1e1;color:var(--secondary-color);cursor:pointer;padding:4px}.set-timer-controls svg{font-size:24px}.timer{align-items:center;background:#e1e1e1;background:var(--secondary-color);border-radius:50%;color:#021d29;color:var(--bg-color);display:flex;flex-direction:column;height:300px;justify-content:center;margin:20px 0;padding:32px;width:300px}.timer #timer-label{font-size:36px;font-weight:700}.timer #time-left{font-size:80px;font-weight:700}.timer .timer-controls{align-items:center;display:flex;justify-content:space-between;width:60%}.timer .timer-controls button{align-items:center;background:none;border:none;color:#021d29;color:var(--bg-color);cursor:pointer;display:flex;font-size:48px;height:60px;justify-content:center;outline:none;width:60px}
/*# sourceMappingURL=main.5909be2a.css.map*/