body {
  background-color: black; }

.main_container {
  display: flex;
  flex-shrink: none;
  justify-content: flex-start;
  background-color: white;
  width: 95%;
  margin: 0 auto; }

figure.board_container {
  display: relative;
  margin: 15px; }

/* Board 1 */
#board1_row1_col1 {
  position: absolute;
  top: 50px;
  left: 75px; }

#board1_row2_col2 {
  position: absolute;
  top: 125px;
  left: 165px; }

#board1_row3_col3 {
  position: absolute;
  top: 210px;
  left: 250px; }

/* Board 2 */
#board2_row1_col3 {
  position: absolute;
  top: 50px;
  left: 525px; }

#board2_row2_col1 {
  position: absolute;
  top: 125px;
  left: 365px; }

#board2_row2_col2 {
  position: absolute;
  top: 125px;
  left: 450px; }

#board2_row3_col1 {
  position: absolute;
  top: 210px;
  left: 370px; }

#board2_row3_col2 {
  position: absolute;
  top: 210px;
  left: 445px; }

/* Board 3 */
#board3_row1_col1 {
  position: absolute;
  top: 50px;
  left: 652px; }

#board3_row2_col1 {
  position: absolute;
  top: 125px;
  left: 648px; }

#board3_row3_col1 {
  position: absolute;
  top: 210px;
  left: 652px; }

#board3_row2_col2 {
  position: absolute;
  top: 125px;
  left: 730px; }

#board3_row3_col3 {
  position: absolute;
  top: 210px;
  left: 810px; }

/* Board 4 */
#board4_row1_col1 {
  position: absolute;
  top: 50px;
  left: 930px; }

#board4_row1_col2 {
  position: absolute;
  top: 50px;
  left: 1010px; }

#board4_row1_col3 {
  position: absolute;
  top: 50px;
  left: 1090px; }

#board4_row2_col2 {
  position: absolute;
  top: 125px;
  left: 1015px; }

#board4_row2_col3 {
  position: absolute;
  top: 125px;
  left: 1090px; }

#board4_row3_col1 {
  position: absolute;
  top: 210px;
  left: 930px; }

#board4_row3_col2 {
  position: absolute;
  top: 210px;
  left: 1010px; }

#board4_row3_col3 {
  position: absolute;
  top: 210px;
  left: 1090px; }