body{background-color:#000;color:#fff;height:100vh;margin:0;font-size:16px;line-height:24px;overflow:hidden}.github{display:inline}.github img{width:64px;height:64px}#root{height:100vh;max-width:780px;margin:0 auto;transform:translateY(0);text-align:center}.centered>*{margin-bottom:1em}.timer{height:35vh;padding:25vh 0 0;margin-bottom:0;font-size:3em}.controls{margin:0 auto;display:flex;justify-content:center;flex-direction:column;max-width:390px}.controls button{display:block;background-color:#fff;padding:1em;margin:.5em 0;border:none;font-weight:700}@media (min-width:1024px){#root{transform:translateY(30%)}.timer{height:unset;padding:1em;margin-bottom:1em}.controls{flex-direction:row}.controls button{margin:0 1em}}.settings-panel{max-width:390px;margin:0 auto;border-top:1px solid #333;padding:.8em 0}.setting-row{display:flex;align-items:center;padding:.3em 0}.setting-row label{flex:1;text-align:left;font-size:.95em}.setting-row input[type=number]{width:56px;padding:.3em .4em;background-color:#fff;color:#000;border:none;font-size:.95em;font-weight:700;text-align:center}.setting-row .unit{margin-left:.5em;color:#888;font-size:.9em;width:2em}