.clock{width:300px;height:300px;background:#ececec;border-radius:50%;border:14px solid #333;position:relative;margin:0 auto;box-shadow:0 2vw 4vw -1vw rgba(0,0,0,.8)}.dot{width:14px;height:14px;border-radius:50%;background:#ccc;top:0;left:0;right:0;bottom:0;margin:auto;z-index:10;box-shadow:0 2px 4px -1px #000}.dot,.hour{position:absolute}.hour{font-weight:700;font-size:22px}.twelve{top:10px;left:46%}.one{top:10%;right:26%}.eleven{top:10%;left:26%}.two{top:25%;right:10%}.three{right:10px;top:46%}.four{right:30px;top:67%}.five{right:78px;top:80%}.six{bottom:10px;left:50%}.seven{left:80px;top:82%}.eight{left:30px;top:67%}.nine{left:10px;top:46%}.ten{top:25%;left:10%}.hour-hand{z-index:5;height:65px;background-color:#333;top:66px;transform-origin:50% 72px}.hour-hand,.minute-hand{position:absolute;width:4px;left:50%;margin-left:-2px;border-top-left-radius:50%;border-top-right-radius:50%}.minute-hand{z-index:6;height:100px;background-color:#666;top:33px;transform-origin:50% 105px}.second-hand{position:absolute;z-index:7;width:2px;height:120px;background-color:red;top:13px;left:50%;transform-origin:50% 125px;margin-left:-1px;border-top-left-radius:50%;border-top-right-radius:50%}