.chess-page {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    background-color: #2e2e2e;
    background-image: url("https://transparenttextures.com/patterns/dark-wood.png");

    /*background-color: rgb(97 76 58);*/
}



#gameboard {
    width: 320px;
    height: 320px;
    display: flex;
    flex-wrap: wrap;
}

.square {
    height: 40px;
    width: 40px;
    position: relative;
}

.square svg {
    height: 30px;
    width: 30px;
    margin: 5px;
    position: relative;
    z-index: -9;
}

path {
    position: relative;
    z-index: -10;
}

.piece {
    position: relative;
    z-index: 9;
}

.beige {
    background-color: rgb(87 56 20);
}

.brown {
    background-color: rgb(172 139 112);
}

.black {
    fill: black
}

.white {
    fill: white
}