#gameContainer{
    position: relative;

    height: 100vh;
    width: 100vw;
    display: grid;

    z-index: 1;
}

@media screen and (min-width: 1000px) {
    #gameContainer{
        grid-template-columns: 50% 50%;
        grid-template-rows: 1fr 1fr 8fr 1fr;

        grid-template-areas: 
        "header header"
        "stats stats"
        "button upgrade"
        "button rebirth";
    }

    #titleSection{
        grid-column: span 2;
    }

    #statBar{
        grid-column: span 2;
    }

    #buttonSection{
        grid-row: span 2;
    }
}

@media screen and (max-width: 1000px) {
    #gameContainer{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 3fr 7fr;

        grid-template-areas: 
        "header"
        "stats"
        "button"
        "upgrade"
        "rebirth";
    }

    #image{
        width: 20%;
    }
}