*{
    margin: 0;
    padding: 0;
}
#mainContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}
#clockContainer{
    position: relative;
    background: url(clock.png) no-repeat;
    background-size: 100%;
    height: 40vw;
    width: 40vw;

}
#hour, #minute, #second{
    position: absolute;
    background-color: black;
    border-radius: 8px;
    transform-origin: bottom;
}
#hour{
    width: 1%;
    height: 20%;
    left: 49.5%;
    top: 30%;
    opacity: 0.9;
}
#minute{
    width: 0.8%;
    height: 23%;
    left: 49.6%;
    top: 27%;
    opacity: 0.8;
}
#second{
    width: 0.6%;
    height: 26%;
    left: 49.7%;
    top: 24.2%;
    opacity: 0.7;
}