section > h2{
  text-align: center;
}

/* Bordspellen */

#bordspellen {
  display: flow-root;
  margin-block-end: 10px;
  border: 5px solid silver;
}

/* Plaatje (bordspellen) */

#bordspellen figure {
  margin: 20px auto;
  border: 1px solid silver;
  padding: 3px;
  inline-size: 400px;
}

#bordspellen figcaption {
  text-align: center;
}

/* Box (bordspellen) */

#bordspellen div {
  box-sizing: border-box;
  float: left;
  border: 1px solid black;
  inline-size: 50%;
  background-image: url('../images/bordspel-buiten.jpg');
}

#bordspellen p {
  text-align: center;
  margin: 2em;
  border: 2em solid rgba(255, 255, 255, .5);
  padding: 2em;
  background-clip: padding-box;
  background-color: white;
}

/* Tabel (bordspellen) */

#bordspellen table {
  box-sizing: border-box;
  float: right;
  border: 1px solid black;
  inline-size: 50%;
}

#bordspellen thead th {
  background-color: #d2e4f1;
}

#bordspellen td:nth-child(1) {
  text-align: left;
  background-color: #e1c8ab;
}

#bordspellen td:nth-child(2),
#bordspellen td:nth-child(4) {
  text-align: center;
  background-color: #e0b977;
}

#bordspellen td:nth-child(3),
#bordspellen td:nth-child(6) {
  text-align: center;
}

#bordspellen td:nth-child(5),
#bordspellen td:nth-child(7) {
  text-align: center;
  background-color: #eba13f;
}

/* Schaakbord */

#schaakbord {
  border: 5px solid silver;
  padding-block-end: 25px;
}

#schaakbord div {
  margin: 0px auto;
  border: 40px solid black;
  padding: 25px;
  inline-size: fit-content;
}

#schaakbord table {
  border: 3px solid red;
  border-collapse: collapse;
}

#schaakbord td {
  text-align: center;
  vertical-align: middle;
  font-size: 50px;
  inline-size: 80px;
  block-size: 80px;  
}

#schaakbord tr:nth-child(odd) td:nth-child(even),
#schaakbord tr:nth-child(even) td:nth-child(odd) {
  background: #9a9a9a;
}