#board {
  display: grid;
  border: 1px solid lightgrey;
  grid-template-columns: repeat(4, 130px);
  grid-gap: 0;

  div {
    height: 130px;
    width: 130px;
    box-sizing: border-box;
  }

  div.goal_white {
    border: 6px solid white;
  }

  div.goal_black {
    border: 6px solid black;
  }

  div:nth-child(1),
  div:nth-child(6),
  div:nth-child(8),
  div:nth-child(9),
  div:nth-child(11),
  div:nth-child(14) {
    background-color: moccasin;
  }

  div:nth-child(5),
  div:nth-child(7),
  div:nth-child(10),
  div:nth-child(13) {
    background-color: darkseagreen;
  }

  div:nth-child(2) {
    border-left: 1px solid lightgrey;
  }

  div:nth-child(2),
  div:nth-child(3),
  div:nth-child(4) {
    border-bottom: 1px solid lightgrey;
  }

  div:nth-child(11) {
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
  }

  div:nth-child(14) {
    border-right: 1px solid lightgrey;
  }
}