body{
    box-sizing: border-box;
}
.clock{
    width: 100%;
height: 50vh;
 
}
@media (max-width:888px) {
    .clock{
    width: 100%;
height: 100vh;
 
}

}



.buttons{
    border: solid black;
    border-radius: 10px ;
     padding: 6px; 
    margin: 6px; 
}

.btn1,.btn2,.btn3,.btn4 {
    display: flex; 
   
    flex-direction: row;
border: #0a0202;
border-radius: 10px;
justify-content: space-between;
}
.displayBox{
    height: 70px;
    border: solid black;
    border-radius: 10px ;

    margin-bottom: 3px;
}

    .btn{
        width: 100%;
        height: 100%;
        margin: 2px;
        border: solid #0a0202;
        font-size: 50px;
        border-radius: 10px;
    }
/* Example 1: Fixed size */
.displayBox{
    font-size: 40px;
}