#buttonCon{
    display: grid;
}

#scoreBoard{
    grid-column: 1 / -1;
    text-align: start;
}

#controller{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    display: grid;
    grid-template-columns: 55px 30px 30px 30px 55px;
    grid-template-rows: 15px 30px 30px;
}
    #upButton, #downButton, #leftButton, #rightButton{
        border: 1px solid black;
        border-radius: 5px;
        width: 20px;
        height: 20px;
        margin: 5px;
        aspect-ratio: 1.0;
        text-align: center;
        justify-self: center;
    }
    #upButton{
        grid-row: 2 / 3;
        grid-column: 3 / 4;
    }
    #downButton{
        grid-row: 3 / 4;
        grid-column: 3 / 4;
    }
    #leftButton{
        grid-row: 3 / 4;
        grid-column: 2 / 3;
    }
    #rightButton{
        grid-row: 3 / 4;
        grid-column: 4 / 5;
    }
    #resetButton{
        grid-row: 2 / 3;
        grid-column: 5 / 6;
        font-size: 6px;
        color: black;
        text-align: center;
        justify-self: end;
        place-content: center;
        padding: 0;
        margin: 2px;
        width: 25px;
        height: 10px;
        border: 1px solid black;
    }