.outer_face{position:relative;width:150px;height:150px;border-radius:150px;background:#fff;box-shadow:inset 0 0 10px rgba(0,0,0,.15);border:1 solid gray}.outer_face .marker,.outer_face::after,.outer_face::before{content:"";position:absolute;width:8px;height:100%;background:#000;z-index:0;left:50%;margin-left:-4px;top:0}.outer_face::after{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.outer_face .marker{background:gray;width:6px;margin-left:-3px}.outer_face .marker.oneseven{-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.outer_face .marker.twoeight{-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg)}.outer_face .marker.fourten{-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-webkit-transform:rotate(120deg);transform:rotate(120deg)}.outer_face .marker.fiveeleven{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg)}.inner_face{position:relative;width:88%;height:88%;background:#fff;-moz-border-radius:1000px;-webkit-border-radius:1000px;border-radius:1000px;z-index:1000;left:6%;top:6%}.inner_face::before{content:"";width:18px;height:18px;border-radius:18px;margin-left:-9px;margin-top:-9px;background:#000;position:absolute;top:50%;left:50%;box-shadow:0 0 30px rgba(0,0,0,.5)}.inner_face::after{content:"";position:absolute;width:100%;font:normal .8em Arial;color:gray;text-align:center;top:85%}.hand,.hand.hour{position:absolute;width:4px;height:30%;top:20%;left:50%;margin-left:-2px;background:#000;-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);-moz-transform-origin:bottom;-ms-transform-origin:bottom;-webkit-transform-origin:bottom;transform-origin:bottom;z-index:-1;-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1)}.hand.minute{height:45%;top:5%;width:5px;margin-left:-2.5px}.hand.second{height:50%;width:2px;margin-left:-1px;top:0;background:red}