.clock{margin:auto;width:300px;height:300px;background:rgba(0,0,0,0.5);-moz-border-radius:150px;-webkit-border-radius:150px;border-radius:150px;position:relative;overflow:hidden;}.clockBackground{}.clock .rotate{position:absolute;width:3000px;height:300px;top:0;left:0;}.rotate.right{display:none;z-index:11;}.clock .bg,.clock .front{width:100px;height:200px;position:absolute;top:0;}.clock .display{position:absolute;width:300px;font-family:'Economica',sans-serif;z-index:20;color:#FFFFFFF;font-size:200px;text-align:center;top:40px;left:0;}.clock .bg.left{left:0;}.blue .bg.left{}.clock .bg.right{left:100px;}.blue .bg.right{}.clock .front.left{left:0;z-index:10;}