*{
    padding: 0;
    margin: 0;
}

#clockcontainer{
    position: relative;
    margin: auto;
    background-image: url(clock.png);
    /* height: 440px;
    width: 440px; */
    height: 40vw;
    width: 40vw;
    background-size: 100%;
}

#hour, #minute, #second{
    position: absolute;
    border-radius: 10px;
    background: black;
    transform-origin: bottom;
}

#hour{
    height: 23%;
    width: 1.5%;
    left: 49.75%;
    top: 27%;
    opacity: 0.8;
}

#minute{
    height: 33%;
    width: 1.5%;
    left: 49.8%;
    top: 17%;
    opacity: 0.8;
}

#second{
    height: 40%;
    top: 10%;
    width: 0.5%;
    left: 50.2%;
    opacity: 0.8;
}