@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");.App{font-family:sans-serif}.clock{background:#444;width:300px;height:300px;box-shadow:0 2px 30px rgba(0,0,0,.2);font-size:24px;color:#fff;text-align:center}.clock,.clock:after{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock:after{background:#aaa;content:"";width:12px;height:12px;z-index:2;border:2px solid #fff}.hour_hand{width:6px;height:60px;background:#aaa;top:30%}.hour_hand,.min_hand{position:absolute;left:49%;transform-origin:bottom}.min_hand{width:4px;height:80px;background:#fff;top:22.5%}.sec_hand{position:absolute;width:2px;height:118px;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{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%}