.squares-by-combin {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.squares {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.square {
  margin-left: 1ex;
  margin-right: 1ex;
  margin-bottom: 1ex;
  margin-top: 1ex;
  font-family: monospace;
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(4, 1fr);
  //justify-items: center;
  justify-self: center;
  font-size: 18pt;
  //border: 3px solid black;
}
.square-row {
  /*grid-template-columns: repeat(4, 1em);*/
}
.square-num {
  display:flex;
  justify-content: center;
  outline: 3px solid #666;
  padding:1ex 1ex;
}
.num-path {
  background-color:red;
}