/*body {

  display:flex;
  flex-direction: column;
  align-items:


}*/


.grid {

  width: 400px;
  height: 300px;

}


.info {

  width: 400px;
  font-weight: bold;
  font-size: 22px;
  font-family: sans-serif;

}

.infoHide {

  display:none;

}

.hideButton {
  /*display:none;*/
}


.endButtonsContainer {
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;

}

.moreGamesbutton a {
  text-decoration:none;
  color: black;
}

.moreGamesbutton {
  border: 1px solid;
  width: 200px;
  height: 25px;
  text-align: center;
  justify-content: center;
  background-color: #87CEFA;
  font-family: fantasy;
  font-size: 18px;
  font-weight: bold;
}

.startOver  {
  border: 1px solid;
  width: 200px;
  height: 25px;
  text-align: center;
  background-color: #87CEFA;
  font-family: fantasy;
  font-size: 18px;
  font-weight: bold;
}