:root {
    --box: 0;
}

#gameSpace {
    width: 75%;
    height: 75%;
    margin: 50% 50% 0 0;
    align-content: center;
    border: solid 5px black;
    border-collapse: collapse;
}

tr {
    border-collapse: collapse;
}

td {
    width: 50px;
    height: 50px;
    margin: 0;
    font-size: x-large;
    text-align: center;
    border: solid 1px;
    border-collapse: collapse;
}

td:nth-child(var(--box)n) {
    border-right: 5px solid;
}

tr:nth-child(var(--box)n) {
    border-bottom: 5px solid;
}

.gridCell {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: x-large;
}