@media(max-width:700px){
    body{
        background-image: url(./assets/India_backgroundImg.jpg);
        background-size:cover;
        
    }
    #clock{
        backdrop-filter: invert(90%);
        font-size: 4em;
    }
}
@media(min-width:701px){
    body{
        background-image: url(./assets/kerala_background_2.jpg);
        background-size:cover;
    }
    #clock{
        color: aliceblue;
        font-size: 5em;
    }
}

body{
    margin: 0px;

}
#clock-container{
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
}
#clock{
    font-family: 'Courier New', Courier, monospace;
    
    font-weight: 550;
    backdrop-filter: blur(7.5px);
}