index.css

#clockContainer{
    /* for hour,min and sec hand to adjust their position with respect to the clock */
    position: relative;
    /* to add the clock in center of container */
    margin: auto;  
    /* vw is 40%of view port ie screen size*/
    height: 40vw;
    width: 40vw;
    /* no repeat is for no repeatation of image  */
    background: url(clock.png) no-repeat;
    background-size: 100%;
    background-color: #183D3D;
}
#hour, #minute, #second{
    position: absolute;
    background: black;
    border-radius: 10px;
}
#hour{
    width: 1.8%;
    height: 25%;
    top: 25%;
    left: 48.85%;
    opacity: 0.8;
    /* for hour hand to move from botton side  */
    transform-origin: bottom;
}
#minute{
    width: 1.6%;
    height: 30%;
    top: 19%;
    left: 48.9%;
    opacity: 0.8;
    transform-origin: bottom;
}
#second{
    width: 1%;
    height:40%;
    top: 9%;
    left: 49.25%;
    opacity: 0.8;
    transform-origin: bottom;
}
body{
    background-color: #5C8374;
}