.container {
  padding-right: 2%;
}

.mazeContainer {
  display: flex;
  flex-direction: column;
}

table.squareMazeTable {
  table-layout: fixed;
  cursor: default;
  border-collapse: collapse;
  background-color: white;
}

td.squareMazeCell {
  text-align: center;
  box-sizing: content-box;
  cursor: default;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
  touch-action: none;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

td.noBorder {
  border-style: none;
}

#currentOperationPara { /* ring maze */
  width: 40px;
  height: 40px;
  font-size: 35px;
  color: purple;
  border: 5px solid purple;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
}

#currentDirectionPara { /* yo-yo maze */
  width: 45px;
  height: 45px;
  font-size: 35px;
  color: purple;
  border: 5px solid purple;
  border-radius: 50%;
  text-align: center;
  margin: 10px 0px 17px 26px;
  font-weight: bold;
}

#hiddenLetterPara { /* knight maze */
  font-size: 28px;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

#wordList {
  width: 97.5px;
}

.numeral {
  position: absolute;
  top: 170px;
  font-family: Times New Roman;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.instruction {
  position: absolute;
  top: 210px;
  font-size: 11.5px;
  font-family: 'MTCORSVA';
  font-weight: bold;
  text-align:center;
}