html, body {
    min-height: 100%;
    height: 100%;
}

body {
    background: #dc143c;
    color: #fff;
    transition: background-color 1s;
}

.fresh {

}

.rotten {
    background: #3c1f00;
}

.hidden {
    display: none;
}

.contents {
    font: bold 2em sans-serif;
    text-align: center;
    padding: 1em;
}

.buttons {
    text-align: center;
}

.buttons button {
    appearance: none;
    background: #fff;
    border: none;
    color: #3c1f00;
    font: bold 1.2em sans-serif;
    text-align: center;
    padding: .5em 1em;
}