:root{--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}.home{flex-direction:column;height:100vh;display:flex}.clock{background-color:#fff;border-radius:50%;width:250px;height:250px;margin:auto;position:relative}.hour,.minute,.second{transform-origin:0%;position:absolute;top:50%;left:50%}.circle{z-index:40;background-color:#000;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hour{background-color:#000;border-top-right-radius:3px;border-bottom-right-radius:3px;width:75px;height:5px;transform:rotate(20deg)}.minute{background-color:#000;border-top-right-radius:2px;border-bottom-right-radius:2px;width:90px;height:3px;transform:rotate(180deg)}.second{background-color:red;border-top-right-radius:1px;border-bottom-right-radius:1px;width:100px;height:2px;transform:rotate(270deg)}