p {
  margin: 0;
}

body {
  background-color: black;
}

#score, #highscore, #log {
  text-align: center;
  font-size: 24px;
}

#highscore {
  color: yellow;
}

#score {
  color: white;
  margin-top: 6%;
}

#log {
  margin-top: 1%;
  color: black;
}

#canvas {
  width: 50%;
  border: 2px solid white;

  margin-left: 25%;
  margin-top: 1%;
}

#game-over {
  position: absolute;
  margin-left: 40%;
  margin-top: 11%;

  font-size: 64px;
  color: red;

  opacity: 0;
}

#restart-button {
  background-color: green;
  border: 2px white solid;
  border-radius: 15px;

  color: white;
  font-size: 24px;

  opacity: 0;

  margin-left: 37.5%;
  margin-top: 0.5%;

  padding-left: 10%;
  padding-right: 10%;
  padding-top: 1%;
  padding-bottom: 1%;

  cursor: default;
}