body {
    background: darkslategrey;
    display: flex;
    flex-direction: row;
}

#game {
    border: 2px solid goldenrod;
}

#title-container {
    width: 28%;
    text-align: center;
}

#game-title {
    display: block;
    font-family: 'Consolas', 'Helvetica', 'Courier New', Courier, monospace;
    font-size: 125px;
    color: #ffffff;
}

#game-score {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #ffffff;
}

#game-deaths {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #ffffff;
}

#infinite-label {
    font-family: monospace;
    font-size: 17px;
    color: whitesmoke;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

#back-container {
    position: absolute;
    bottom: 33px;
    left: 70px;
}

#back-button {
    background-color: #041f1f;
    color: whitesmoke;
    border: 1px solid goldenrod;
    width: 250px;
    height: 40px;
}

#back-button:hover {
    background-color: hsl(180, 77%, 9%);
    color: hsl(0, 0%, 98%);
    border: 1px solid hsl(43, 74%, 54%);
}

#back-button:active {
    background-color: hsl(180, 77%, 5%);
    color: hsl(0, 0%, 92%);
    border: 1px solid hsl(43, 74%, 46%);
}

@media (max-width: 600px) {
    body {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    #game {
        width: 300px;
        height: 300px;
        margin: auto;
    }

    #title-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}