#board {
  width: 100%;
}

.square-container {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
}

.square {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;

  &.black {
    background-color: rgb(226, 139, 63);
  }
  &.white {
    background-color: rgb(255, 196, 145);
  }

  img {
    user-select: none;
  }
}