body
{
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap:2em;
border:solid;

}
.board
{
    display:grid;
    grid-template-columns: repeat(7,1fr);
    grid-template-rows: repeat(6,1fr);
    width: 40em;
    height: auto;
}
.cell {
    border: solid;
    border-color: black;
    width: 10em;
    height: 10em;
}
.playerinfo {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    border: solid;
    height: auto;
    width: 20em;
}

.navigation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid;
    width: 60em;
    height: auto;
}
.navigation ul li
{
        font-size: 2em;
        border:solid
}