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