body{
    background-color: #D9D9D9;
}

h2{
    font-family:Arial, Helvetica, sans-serif ;
    text-align: center;
    font-size: 60px;

}

#mode_chrono_bttn{
    font-family:monospace;
    border:none;
    background-color:#D9D9D9;
    font-size: 20px;
}

#mode_chrono_bttn:hover{
    color:red;
    transform:scale(1.3);
}


#mode_timer_bttn{
    font-family:monospace;
    border:none;
    background-color:#D9D9D9;
    font-size: 20px;
  
}


#mode_timer_bttn:hover{
    color:red;
    transform:scale(1.3);
}

#chrono_reset_bttn{
    font-family: monospace;
    text-align: center;
   
}








#chrono_reset_bttn:hover{
    transform:rotate(360deg);
    transition: transform 0.25s;
}




#chrono_start_bttn:hover{
    transform:rotate(360deg);
    transition: transform 0.25s;
}

#chrono_pause_bttn:hover{
    transform:rotate(360deg);
    transition: transform 0.25s;
}

#timer_reset_bttn:hover{
    transform:rotate(360deg);
    transition: transform 0.25s;
}

#timer_start_bttn:hover{
    transform:rotate(360deg);
    transition: transform 0.25s;
}

#timer_stop_bttn:hover{
    transform: rotate(360deg);
    transition: transform 0.25s;
}

/* #analogue{
    transform: scale(1.7);
    padding: 100px;
} */

#digital{
    text-align:center;
    border-radius:10px;
    padding-bottom: 100px;
    font-family:"Courier New";
    font-size: 75px;
    color:#5e5e5e;

}
#f_minutes{
 border-radius:30px;
 padding: 7px;
 text-align: center;
 font-family: monospace;
}

#f_seconds{
 border-radius:30px;
 padding: 7px;
 text-align: center;
 font-family:monospace;
}
#controls{
    text-align:center;
    padding: 85px;
    border: none;
}