.number{
    font-size:128px;
    text-align: center;
    font-weight: bold;
}
h1{
    text-align: center;
    font-family: sans-serif, Arial, Helvetica;
    color: darkblue;
}
#IncreaseBtn{
    background-color: green;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    border-color: rgb(0, 0, 0);
    transition-duration: 0.25s;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
#IncreaseBtn:active{
    background-color: rgb(3, 98, 3);
    color: white;
    padding: 20px 35px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
     border-color: rgb(0, 0, 0);
     transition-duration: 0.25s;
         box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
#DecreaseBtn{
    background-color: green;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    border-color: rgb(0, 0, 0);
    transition-duration: 0.25s;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
#DecreaseBtn:active{
    background-color: rgb(3, 98, 3);
    color: white;
    padding: 20px 35px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
     border-color: rgb(0, 0, 0);
     transition-duration: 0.25s;
         box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
#ResetBtn{
    background-color: green;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    border-color: rgb(0, 0, 0);
    transition-duration: 0.25s;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
#ResetBtn:active{
    background-color: rgb(3, 98, 3);
    color: white;
    padding: 20px 35px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    border-color: rgb(0, 0, 0);
    transition-duration: 0.25s;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}