body {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(./images/depositphotos_426173910-stock-photo-empty-space-studio-dark-room.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* .container {
    border: 5px solid #000;
    width: 82%;
    height: 950px;
    background-color: rgb(109, 49, 6);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
} */
.chessboard {
    width:60% ;
    border: 6px solid gray;
    height: 750px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    margin: 20px auto;
}
.chessboard > div {
    width: 10%;
    height: 93.75px;
    width: calc(100%/8);
    font-size: 60px;
    text-align: center;
    text-shadow: 2px 1px #fff;
    border-radius: 5px;
}
.a {
    background-color: #fff;
}
.b {
    background-color: #000;
}