*{
    background: url(bg.jpg) no-repeat;
}
#clock-container{
    position: relative;
    background: url(clock.png) no-repeat;
    filter: invert(100%);
    /* border: 2px solid black; */
    margin: auto;
    height: 40vw;
    width: 40vw;
    background-size: 100%;   
}

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

#hour{
    width: 1.8%;
    height: 25%;
    top: 28%;
    left: 49.60%;
    opacity: 0.8;
    /* display: none; */
}
#min{
    width: 1.6%;
    height: 30%;
    top: 23%;
    left: 49.65%;
    opacity: 0.8;  
    /* display: none; */

}
#second{
    width: 1%;
    height: 40%;
    top: 12.80%;
    left: 50%;
    opacity: 0.8;

}

h3{
    font-family: 'Sedgwick Ave', cursive;
    text-align: center;
    text-decoration: underline;
    color: black;
    /* font-size: 100px; */
    margin: 20px;
    padding: 6px;
}