*{margin:0;padding:0}body{background-color:#1d1f20;color:#fff;font-family:Oswald;font-size:16px;text-transform:uppercase}.clock{align-items:center;display:flex;height:calc(100vh - 200px);justify-content:center}.clock-text{color:#fff;display:block;font-family:'Share Tech Mono';font-size:20vw;text-shadow:0 1px 4px #000;transition:opacity .4s ease-in-out}.clock-text.is-paused{opacity:.5}.clock-text:hover{cursor:pointer}.progress{background-color:#00f;height:100px;width:0}.time{font-family:'Share Tech Mono';font-size:30px;text-align:center}.toolbar{display:flex;margin-bottom:40px}.toolbar-item{flex:1}.toolbar-input{background-color:#181a1b;border:0;box-shadow:0 1px 1px rgba(0,0,0,.5);box-sizing:border-box;color:#fff;font-family:Oswald;font-size:16px;padding:20px;text-align:center;text-transform:uppercase;width:100%}.toolbar-input:focus{outline:0}.toolbar-link{background-color:#181a1b;border-right:1px solid #111213;box-shadow:0 1px 1px rgba(0,0,0,.5),inset -1px 0 0 rgba(255,255,255,.1);color:#fff;display:block;padding:20px;text-align:center;text-decoration:none;transition:.3s ease-in-out}.toolbar-link.is-active,.toolbar-link:active,.toolbar-link:focus,.toolbar-link:hover{background-color:#1f2223}