*{
    margin: 0px;
}
body{
    margin:0;
    background-image: url(image.jpg);
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed  ;
}

#clock-container{
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
} 
#clock{
    font-family: monospace;
    font-size: 6.5rem;
    font-weight: bold; 
    text-align: center;
    color:white;
    backdrop-filter:blur(5px);
    width: 100%;
    background-color:hsla(0, 0%, 50%, 0.096) ;
} 
@media screen and (max-width:700px) {
    #clock{ 
    font-size: 3rem;}
}