html, body {  
background:#000000; 
 }
 
.outer_face
{
margin:0; padding:0; position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background: #000000; 
z-index: 0;
}


.hand {
    position: absolute;
    width: 100%; 
    height: 50%; 
    top: 0%; 
    left: 50%;
    margin-left: -50%;  
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 1;
    }
.hand.hour {
    position: absolute;
    width: 100%;
    height: 100%; 
    top: 0%; 
    margin-left: -50%; 
    bottom: 0;
    background: #0000ff;
    z-index: 2;
    }
.hand.minute {
    position: absolute;
    height: 50%; 
    top: 0%; 
    width: 20px; 
    margin-left: 0px; 
    background: #00ff00;
    z-index: 20;
    }

.hand.second {
    position: absolute;
    height: 50%; 
    width: 2px; 
    margin-left: 0px; 
    top: 0;
    background: #ff0000;
    z-index: 130;
    }