footer {
    display: none;
    flex-flow: row wrap;
    grid-area: footer;
    margin: 0;

    button {
        margin: 0;
        border-radius: 0;
        border: none;
        background: #222;
        font-size: 1.5em;
        padding: 0.25em;

        &[disabled] {
            color: #444;
        }

        &:not(:last-child) {
            background: #222;
            border-right: 1px solid black;
        }

        .ready {
            background: forestgreen;
            color: black;
        }
    }

    .timer-container {
        display: flex;
        flex: 1 1 100%;
        width: 100%;
        height: 0.25em;
        max-height: 0.25em;

        border: none;
        margin: 1em 0 0 0;
    }

    .timer {
        background: whitesmoke;
        transition-property: all;
        transition-duration: 0.25s;
        transition-delay: 0;
        transition-timing-function: ease;
    }
}

#nav-btn, #instance-nav {
    display: none;
}