body{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#333}clock-face{width:300px;height:300px;border-radius:50%;border:5px solid #000;background-color:#fff;display:grid;grid-template:1fr;grid-template-areas:"clockCenter";justify-items:center;align-items:center}clock-face:before{content:no-open-quote;height:12px;width:12px;border-radius:50%;background-color:#000;grid-area:clockCenter}@keyframes rotate{to{transform:rotate(1turn)}}#hour-hand{position:relative;display:flex;justify-content:center;align-items:flex-start;background-color:#000;transform-origin:center bottom;animation:rotate 43200s linear infinite;position:absolute;height:25%;width:3px;top:25%}#hour-hand:after{content:no-open-quote no-close-quote;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:15px solid #000;position:absolute;bottom:100%}#minute-hand{background-color:#000;position:relative;display:flex;justify-content:center;align-items:flex-start;transform-origin:center bottom;animation:rotate 3600s linear infinite;position:absolute;height:35%;width:3px;top:15%}#minute-hand:after{content:no-open-quote no-close-quote;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:15px solid #000;position:absolute;bottom:100%}#second-hand{background-image:linear-gradient(#cb0600,75%,#000);align-items:flex-start;transform-origin:center bottom;animation:rotate 60s linear infinite;position:absolute;height:45%;width:3px;top:5%}#second-hand,hand-ring{display:flex;justify-content:center}hand-ring{width:300px;height:300px;border-radius:50%;position:relative;grid-area:clockCenter;align-items:center}.numeral{grid-area:clockCenter;height:95%;display:flex;align-items:flex-start;justify-content:center;font-family:fantasy;font-size:large}
/*# sourceMappingURL=/app.f0c9f129.css.map */