.board.board_1 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_1 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/9;
  grid-column: 3/8;
  border-right: solid 8px black;
}
.board.board_1 :nth-child(4) {
  background: rgb(255, 0, 0);
  grid-row: 6/9;
  grid-column: 8/11;
  margin-right: solid 8px rgb(255, 0, 0);
}
.board.board_1 .orange {
  background: rgb(255, 165, 0);
  grid-row: 1/11;
  grid-column: 1/3;
  border-right: solid 8px black;
}
.board.board_1 .yellow {
  background: rgb(255, 255, 0);
  grid-row: 1/6;
  grid-column: 8/11;
  border-bottom: solid 8px black;
}
.board.board_1 .blue {
  background: rgb(0, 0, 255);
  grid-row: 8/11;
  grid-column: 3/11;
  border-top: solid 8px black;
}
.board.board_2 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_2 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/11;
  grid-column: 1/4;
  border-right: solid 8px black;
}
.board.board_2 .orange {
  background: rgb(255, 165, 0);
  grid-row: 1/2;
  grid-column: 4/11;
}
.board.board_2 .yellow {
  background: rgb(255, 255, 0);
  grid-row: 2/11;
  grid-column: 4/11;
  border-top: solid 8px black;
}
.board.board_3 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_3 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/11;
  grid-column: 1/4;
  border-right: solid 8px black;
}
.board.board_3 .orange {
  background: rgb(255, 165, 0);
  grid-row: 1/9;
  grid-column: 4/11;
}
.board.board_3 .orange .blue {
  background: rgb(0, 0, 255);
  grid-row: 10/11;
  grid-column: 3/11;
  border-top: solid 8px black;
}
.board.board_4 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_4 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/3;
  grid-column: 1/11;
  border-bottom: solid 8px black;
}
.board.board_4 .orange {
  background: rgb(255, 165, 0);
  grid-row: 3/11;
  grid-column: 1/11;
}
.board.board_4 .yellow {
  background: rgb(255, 255, 0);
  grid-row: 9/11;
  grid-column: 1/11;
  border-top: solid 8px black;
}
.board.board_5 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_5 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/3;
  grid-column: 1/11;
  border-bottom: solid 8px black;
}
.board.board_5 .orange {
  background: rgb(255, 165, 0);
  grid-row: 3/11;
  grid-column: 1/6;
  border-right: solid 4px black;
}
.board.board_5 .yellow {
  background: rgb(255, 255, 0);
  grid-row: 3/11;
  grid-column: 6/11;
  border-left: solid 4px black;
}
.board.board_6 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_6 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/5;
  grid-column: 1/8;
  border-bottom: solid 8px black;
}
.board.board_6 .orange {
  background: rgb(255, 165, 0);
  grid-row: 1/5;
  grid-column: 8/11;
  border-left: solid 8px black;
  border-bottom: solid 8px black;
}
.board.board_6 .yellow {
  background: rgb(255, 255, 0);
  grid-row: 5/11;
  grid-column: 1/5;
  border-right: solid 8px black;
}
.board.board_6 :nth-child(4) {
  background: rgb(255, 0, 0);
  grid-row: 5/11;
  grid-column: 5/8;
  margin-right: solid 8px rgb(255, 0, 0);
}
.board.board_6 .blue {
  background: rgb(0, 0, 255);
  grid-row: 5/11;
  grid-column: 8/11;
  border-left: solid 8px black;
}
.board.board_7 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
}
.board.board_7 .red {
  background: rgb(255, 0, 0);
  grid-row: 1/4;
  grid-column: 1/6;
  border-bottom: solid 8px black;
}
.board.board_7 .orange {
  background: rgb(255, 165, 0);
  grid-row: 1/4;
  grid-column: 6/11;
  border-left: solid 8px black;
  border-bottom: solid 8px black;
}
.board.board_7 .yellow {
  background: rgb(255, 255, 0);
  grid-row: 4/6;
  grid-column: 1/6;
  border-bottom: solid 8px black;
}
.board.board_7 :nth-child(4) {
  background: rgb(255, 0, 0);
  grid-row: 4/8;
  grid-column: 6/11;
  border-left: solid 8px black;
}
.board.board_7 .blue {
  background: rgb(0, 0, 255);
  grid-row: 6/10;
  grid-column: 1/6;
}
.board.board_7 .purple {
  background: rgb(128, 0, 128);
  grid-row: 8/10;
  grid-column: 6/11;
  border-left: solid 8px black;
}
.board.board_7 .green {
  background: rgb(0, 128, 0);
  grid-row: 10/11;
  grid-column: 1/11;
  border-top: solid 8px black;
}
.board.board_8 {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
  background-color: black;
}
.board.board_8 .red {
  background: rgb(255, 0, 0);
  grid-row: 4/8;
  grid-column: 4/8;
}

/*# sourceMappingURL=style.css.map */