.chessboard {
    margin: auto;
    aspect-ratio: 1;
    max-height: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.chessboard div {
    background-image: url('/images/empty.gif');
    height: auto;
    aspect-ratio: 1;
    background-size: 100%;
    image-rendering: pixelated;
}

.chessboard .rookw {
    background-image: url('/images/rookw.gif');

}

.chessboard .bishopw {
    background-image: url('/images/bishopw.gif');
}

.chessboard .kingw {
    background-image: url('/images/kingw.gif');

}

.chessboard .knightw {
    background-image: url('/images/knightw.gif');
}

.chessboard .queenw {
    background-image: url('/images/queenw.gif');
}

.chessboard .pawnw {
    background-image: url('/images/pawnw.gif');
}

.chessboard .rookb {
    background-image: url('/images/rookb.gif');

}

.chessboard .bishopb {
    background-image: url('/images/bishopb.gif');
}

.chessboard .kingb {
    background-image: url('/images/kingb.gif');

}

.chessboard .knightb {
    background-image: url('/images/knightb.gif');
}

.chessboard .queenb {
    background-image: url('/images/queenb.gif');
}

.chessboard .pawnb {
    background-image: url('/images/pawnb.gif');
}

.chessboard .wall {
    background-image: url('/images/wall.gif');
}

.chessboard .pit {
    background-image: url('/images/pit.gif');
}

.chessboard .fog {
    background-image: url('/images/fog.gif');
}

.chessboard .flag {
    background-image: url('/images/flag.gif');
}