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