*{box-sizing:border-box}body{margin:0}.page{justify-content:center;align-items:center;min-height:100vh;display:flex}.stopwatch{box-sizing:content-box;border:1vmin dotted #000;border-radius:50%;width:80vmin;height:80vmin;position:relative}.stopwatch__center{z-index:3;background-color:#f6a603;border-radius:50%;width:5vmin;height:5vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stopwatch__hand{transform-origin:bottom;position:absolute;bottom:50%;left:50%}.stopwatch__hand--minutes{z-index:1;background-color:#0700ff;width:3vmin;height:20vmin;animation:3600s steps(60,end) infinite rotate-hand;transform:translate(-50%)}.stopwatch__hand--seconds{z-index:2;background-color:#2c8000;width:1.5vmin;height:38vmin;animation:60s linear infinite rotate-hand;transform:translate(-50%)}.stopwatch--speed-up .stopwatch__hand--minutes{animation-duration:600s}.stopwatch--speed-up .stopwatch__hand--seconds{animation-duration:10s}@keyframes rotate-hand{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}
/*# sourceMappingURL=index.e4f5e563.css.map */