#canvas-id{
    text-align: center;
}

#buttons-id{
    text-align: center;
}

.button {
    display: inline-block;
    width: 200px;
    margin: 0 5px 0px 5px;
    padding: 15px 32px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border: none;
    color: white;
    transition-duration: 0.2s;
}

.button:hover {
    background-color: #00be75;
    color: white;
}

.button:disabled {
    color:rgba(126, 123, 123, 0.877);
    background-color: #d4d4d4;
}

.button[value="Continue"]:enabled,
.button[value="Pause"]:enabled{
    background-color: #fa3b3b;
}

.button[value="Continue"]:enabled:hover, 
.button[value="Pause"]:enabled:hover{
    background-color: #00be75;
}

p {
    font-size: 35pt;
    text-align: center;
    font-family: Arial, sans-serif;
}