.square-h1 {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
}
.square-h2 {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
}
.square-h3 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.square-h4 {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.square-h5 {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.square-p {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

/* Color modifiers */
.wit {
  background: #fff;
}
.geel {
  background: #ffd400;
}
.oranje {
  background: #ff7f11;
}
.groen {
  background: #2ecc71;
}
.blauw {
  background: #3498db;
}
.paars {
  background: #8e44ad;
}
.roze {
  background: #ff66b2;
}
.rood {
  background: #e74c3c;
}
.zwart {
  background: #111;
}
.brons {
  background: #b08d57;
}
.zilver {
  background: #c0c0c0;
}
.goud {
  background: #d4af37;
}