body{
    background: lightyellow;

}

h1{
    text-align: center;
}
#dice{
    width: 200px;
    height: 200px;
    margin: auto;
    background-image: url(dice.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -0px;
}


#clock{
    width: 500px;
    height: 500px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000;
    position: relative;
}
#h{
    width: 10px;
    height: 150px;
    margin: 20% 50%;
    background-color: #000;
    position: absolute;
    transform: rotate(0deg);
    transform-origin: center bottom;
}
#min{
    width: 10px;
    height: 250px;
    margin: 0% 50%auto;
    background-color: blue;
    position: absolute;
    transform: rotate(0deg);
    transform-origin: center bottom;
}
#sec{
    width: 5px;
    height: 250px;
    margin: 0% 50% auto;
    background-color: red;
    position: center absolute;
    transform: rotate(0deg);
    transform-origin: center bottom;
}