body {
  background: white;
  margin: 0;
}

.buttons {
  text-align: center;
}

.button {
  height: 60px;
  text-align: center;
}

.game {
  z-index: 200;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 800px;
  height: 700px;
}


.board {
  z-index: 500;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
  width: 700px;
  height: 500px;
  display: none;
}

#GameOver {
  position: absolute;
  left: 80px;
  top: 175px;
  width: 35%;
}

#HighScores {
  position: absolute;
  left: 402px;
  top: 70px;
  width: 35%;
}

.board2 {
  z-index: 500;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
  width: 700px;
  height: 500px;
  display: none;
}

#Logo {
  position: absolute;
  left: 14px;
  top: 140px;
  width: 53%;
}

#HighScores2 {
  position: absolute;
  left: 402px;
  top: 70px;
  width: 35%;
}