body{ 
    width: 100%;
    height: 100%;
    background: url(/pomodoro-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    background-size: cover;

}
.ClockBox{
     /* border: 1px solid black; */
     display:  flex;
     justify-content: center;
     place-items: center; 
     height: 100vh;
}


.Clock{
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     font-size:7vh;
     width: 100%;
     display: flex;
     justify-content: center;
     place-items: center;
     height: 10%;
     backdrop-filter: blur(5px);
 }

 #Time{ 
     position: absolute;
     font-weight: bold;
     width: 100%;
     font-family: monospace;
     font-size: 13vh;
     text-align: center;
}

     

     @media only screen and (max-width: 600px) {
          #Time {
               font-size: 4vh;

          }
        }