style.css

body {
    background-color: darkslategray;
}
.watch {
    background-color: gray;
    height: 150px;
    width: 150px;
    margin:auto;
    border-radius: 50%;    
}
.rotate-time-marker {
    height: 150px;
    width: 150px;
    /* background-color: red; */
    position: relative;
    
    
}
.time-marker {
    background-color: black;
    height: 20px;
    width: 3px;
    position: relative;
    top: 0px;
    left: 74px;
    
}
.rotate-three {  
    transform: rotate(90deg);  
    top: -150px;   
}
.rotate-six {  
    transform: rotate(180deg);  
    top: -300px;   
}
.rotate-nine {  
    transform: rotate(270deg);  
    top: -450px;   
}
.watch-center {
    position: relative;
    top: -976px;
    left: 74px;
    /* background-color: rgba(0,0,150,0.6); */
    height: 2px;
    width: 2px;
    border-radius: 50%;

}
.rotate-hand {
    height: 150px;
    width: 150px;
}
.hand {

}
.rotate-hour {
    position: relative;
    top: -600px;
    transform: rotate();
}
.hour-hand {
    background-color: black;
    height: 35px;
    width: 5px;
    position: relative;
    top: 37px;
    left: 73px;
}
.rotate-minute {
    position: relative;
    top: -750px;
    transform: rotate();
    /* background-color: rgba(0,150,0,0.3); */
}
.minute-hand {
    background-color: black;
    height: 55px;
    width: 3px;
    position: relative;
    top: 17.5px;
    left: 74px;
}
.rotate-second {
    position: relative;
    top: -900px;
    transform: rotate();
    /* background-color: rgba(150,0,0,0.3); */
}
.second-hand {
    background-color: red;
    height: 55px;
    width: 1px;
    position: relative;
    top: 20px;
    left: 75px;
}