.clock{width:30rem;height:30rem;border:20px solid #000;border-radius:50%;margin:50px auto;position:relative;padding:2rem}.clock-back{position:relative;width:100%;height:100%;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.clock-back:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.clock-back .marking,.clock-back:after,.clock-back:before{content:"";position:absolute;width:5px;height:100%;background:#0f2c67;z-index:0;left:49%}.clock-back .marking{background:#bdbdcb;width:3px}.marking-one{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.marking-two{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.marking-three{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.marking-four{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.inner-back{position:absolute;top:10%;left:10%;width:80%;height:80%;background:#fff;border-radius:100%;z-index:1}.inner-back:before{content:"";left:50%;width:16px;height:16px;border-radius:18px;margin-left:-9px;margin-top:-6px;background:#0f2c67;z-index:11}.hand,.inner-back:before{position:absolute;top:50%}.hand{width:50%;height:6px;background:#000;-webkit-transform-origin:100%;transform-origin:100%;transition:all .05s;transition-timing-function:ease-in-out;z-index:3}.hour{width:10rem;left:5rem}.min{width:14rem;left:1rem}.sec{width:50%;top:50%;height:4px}
/*# sourceMappingURL=main.92c4e71e.chunk.css.map */