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

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

.square svg {
    height: 26px;
    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(238 , 238, 210);
}

.brown{
    background-color: rgb(118, 150, 86);
}

.black {
    fill: black 
}

.white {
    fill: rgb(255, 255, 255)
}

.white path {
  stroke: black;
  stroke-width: 20;
}

.black path {
  stroke: white;
  stroke-width: 10;
}