header{background-color:#333;padding:20px}header nav{display:flex;flex-direction:row;align-items:center}.fa-clock-o,header h1{color:#fff;margin:0 0 0 10px;font-size:2rem}section{padding:2rem}:root{--display-background-color:#f5f5f5;--display-color:#222}.display{align-items:center;background-color:var(--display-background-color);display:flex;flex-direction:column;height:10rem;justify-content:center;margin:auto;width:16rem}.display-time{color:var(--display-color);font-size:24px;outline-width:0}.display-label,.display-time{border:none;font-weight:600;text-align:center}.display-label{color:#999;font-size:12px;margin:0 2.3rem}.display-input-group{padding:.2rem}.display-time.display-hours{border-right:none}.display-time.display-minutes,.display-time.display-seconds{border-left:none;border-right:none}.display-time.display-milliseconds{border-left:none}.display-time.display-separator{background:#fff;border-left:none;border-right:none;padding-top:.59rem}.display-time.form-control{font-size:28px}.display-countdown-time{color:#0082f7;font-size:36px;font-weight:600}.display-countdown{align-items:center;background-color:var(--display-background-color);display:flex;flex-direction:column;height:20rem;justify-content:center;margin:auto;width:16rem}.display-countdown-label{border:none;color:#999;font-size:12px;font-weight:600;margin:0 1.2rem;text-align:center}.keypad{background-color:#999;padding:.2rem;height:10rem}.keypad-row{align-items:center;display:flex;justify-content:center;margin:auto;width:15.6rem}.keypad-row>button{margin:.2rem;width:100%}.timer{align-items:center;border:.2rem solid #333;background-color:#333;display:flex;flex-direction:column;justify-content:center;margin:auto;width:16.5rem}.timer>div{width:100%}.controls{display:flex;flex-direction:row}.controls>button{flex:1;border-radius:0;display:inline-block;width:auto}

/*# sourceMappingURL=styles.css.map */