.clock{width:150px;height:150px;border-radius:50%;box-shadow:0 1px 15px rgba(0,0,0,.2);color:#444;text-align:center;background:#fff;position:relative}.hour_hand{width:3px;height:30px;background:#222;top:30%}.hour_hand,.min_hand{position:absolute;left:48.5%;transform-origin:bottom}.min_hand{width:2px;height:40px;background:#444;top:22.5%}.sec_hand{position:absolute;width:1px;height:59px;background:red;top:10.5%;left:50%;transform-origin:bottom}.clock span{position:absolute;font-family:Source Sans Pro,sans-serif;font-weight:700}.twelve{left:42%}.one,.twelve{font-size:18px}.one{top:6%;left:70%}.two{top:20%;left:83%}.three,.two{font-size:18px}.three{top:40%;left:90%}.four{top:62%;left:85%}.five,.four{font-size:18px}.five{top:78%;left:68%}.six{top:84%;left:46.5%}.seven,.six{font-size:18px}.seven{top:78%;left:24%}.eight{top:62%;left:8%}.eight,.nine{font-size:18px}.nine{top:40%;left:6%}.ten{top:21%;left:9%}.eleven,.ten{font-size:17px}.eleven{top:6%;left:22%}