.boardTable{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.chess-row{
    display: flex;
    flex: 1 1 auto;
}

.chess-cell{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chess-cell img{
    width: 100%;
}
.whiteSquare,
.blackSquare,
.highlightWhiteSquare,
.highlightBlackSquare {
    border-style: solid;
    border-width: 2px; /* defined as whiteSquare.borderWidth */
}

.gameBoard {
    padding-top: 8px; /* defined as gameBoard.paddingTop = 0.5 * header.height */
    padding-bottom: 8px; /* = gameBoard.paddingTop */
}

.boardTable {
    border-style: solid;
    border-color: #264d4a;
    border-width: 2px;
    background-color: #FFFFFF;
}

.pieceImage {
    cursor: pointer;
}

.whiteSquare,
.highlightWhiteSquare {
    background: #efece5;
    border-color: #efece5;
}

.blackSquare,
.highlightBlackSquare {
    background: #969696;
    border-color: #969696;
}

.highlightWhiteSquare,
.highlightBlackSquare {
    border-color: #9c2624;
}