@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext);:root{--main-font-color:#efefef}body{background-color:#121212;color:#fff;margin:0;width:100%}#root{color:#efefef;color:var(--main-font-color);display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:400px}#root main,.timer-collection>button{width:100%}.timer{background-color:#343434;border-radius:6px;display:flex;margin-bottom:10px;margin-top:10px}.timer>div{display:flex;flex-flow:column;width:80%}.timer>div>div{display:flex;flex-direction:row;height:40px;width:100%}.timer>div>div h2{margin:0 15px 0 20px}.timer>div>div h2 input{background:#343434;border:0;box-sizing:border-box;-moz-box-sizing:border-box;color:#efefef;color:var(--main-font-color);font-size:20px;margin-top:12px;padding:0;width:100%}.timer>div>div .time-display{border-radius:6px;margin-left:15px;margin-right:9px;margin-top:5px;padding:5px}.timer>div>div .time-display span{font-size:24px}.timer>div>.time-display{align-items:center;border-radius:6px;display:flex;font-size:50px;margin:auto;padding:8px;width:90%}.timer>.buttons{display:flex;flex-flow:column;justify-content:center;width:20%}.timer>.buttons button{border-radius:6px;border-width:0;height:25%;margin-bottom:10%;margin-top:10%;width:95%}.timer span{font-family:IBM Plex Mono,monospace;font-size:60px}.hidden{height:0;opacity:0;position:absolute;width:0}
/*# sourceMappingURL=main.6f0ceee7.css.map*/