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