body {
    display: flex;
    justify-content: center;

}

.board-container {
    padding: 20px;
    background-color: #2c3e50;
}

.chessboard {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr);
    width: 560px;
    height: 560px;
}

.square {
    display: flex;
    justify-content: center;
    align-items: center;

}

.light {
    background-color: #f0d9b5;
}

.dark {
    background-color: #b58863;
}