*,:after,:before{box-sizing:border-box}body{background:linear-gradient(270deg,hsla(59,19%,52%,.493),#ffae00);min-height:100vh}.content{overflow:hidden;display:flex;align-items:center;justify-content:center}#time{height:80px;font-size:50px;text-align:center}.clock-container{position:relative;height:500px;width:500px;background:#fff;border-radius:50%;border:4px solid #000;margin-top:50px}.hand{position:absolute;bottom:50%;left:50%;z-index:11;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#000;transform:translateX(-50%);transform-origin:bottom}.second{width:4px;height:48%;background-color:red;z-index:15}.second.hand-after{height:15%}.minute{width:7px;height:42%;z-index:14}.minute.hand-after{height:7%}.hour{width:9px;height:33%;z-index:13}.hour.hand-after{height:5%}.number{font-size:2.5rem}.mark-container,.number{position:absolute;height:100%;width:100%;text-align:center;z-index:10}.mark-container{font-size:1rem}.mark{display:inline-block;position:absolute;border-radius:2px;z-index:13;background-color:#000}
/*# sourceMappingURL=main.eb4c6dd0.chunk.css.map */