/*This class allows us to add text viewable by the screen-reader but no other user*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*Hexadoku Grid*/
.hexadokuGrid {
  border: 3px solid black;
}

.hexadokuGrid td {
  border: 1px solid #ccc;
  width: 2rem;
  height: 2rem;
  text-align: center;
}

.hexadokuGrid td:nth-child(4n) {
  border-right: 3px solid #000;
}

.hexadokuGrid tr:nth-child(4n) td {
  border-bottom: 3px solid #000;
}