*{
    margin: 0;
    padding: 0;
}
body{
    background-color: bisque;
}

 #analog{

    background-color: blueviolet;
    height: 764px;
    width: 764px;
     border-radius: 388px; 
    position: relative;
    top: 180px;
    left: 516px;
    border: solid red 6px;
    display: inline-block;
}
.shadhow{
    left: 1px;
    background-color: white;
    height: 743px;
    width: 743px;
    position: relative;
    top: 0px;
    border-radius: 405px;
    border: solid gray 10px;
} 
#number{

}
#number p{
font-size: 63px;
color: black;
position: relative;
}
#one{
    left: 550px;
    top: -228px;
}  
    

#two{
    top: -152px;
    left: 672px;
}
#three{
    top: 280px;
    left: 705px;

}
#four{
    left: 653px;
    top: 79px;
}
#five{
    left: 524px;
    top: 122px; 
}
#six{
    left: 370px;
    top: 530px; 
}
#seven{
    left: 174px;
    top: 54px;
}
#eight{
    left: 61px;
    top: -133px;
}
#nine{
    top: 142px;
}
#ten{
    top: -505px;
    left: 20px;
}
#eleven{
    top: -732px;
    left: 140px;
}
#twelve{
    left: 320px;
}

#center{
    height: 34px;
    width: 34px;
    background-color: blue;
    top: 372px;
    position: absolute;
    left: 354px;
    border-radius: 72px;
}
#container{

}
#hour, #minute, #second{
     position: absolute;
     background-color: black;
     border-radius: 6px;
     transform-origin: bottom;
}
#hour{
    height: 147px;
    width: 15px;
    top: 251px;
    left: 371px;
}
#minute{
    left: 376px;
    height: 188px;
    width: 9px;
    top: 209px;
}

#second{
    left: 380px;
    height: 285px;
    width: 5px;
    top: 115px;
}