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