* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Orbitron;
  background: black;
}

#canvas1,
#viewport {
  border: 2px solid black;
  background-color: transparent;
  position: absolute;
  font-family: "Odibee Sans", cursive;
}

#player {
  z-index: 100;
}

button {
  position: relative;
  background: lightblue;
  color: black;
  padding: 20px 50px;
  border-radius: 10px;
  z-index: 100;
  cursor: pointer;
  border: none;
  outline: none;
  opacity: 0.8;
  font-weight: bold;
}
#startBtn {
  top: 296px;
  left: 233px;
  background-color: transparent;
  font-size: 40px;
  color: white;
}
#easyBtn {
  top: 490px;
  left: 10px;
}
#normalBtn {
  top: 433px;
  left: 236px;
}
#hardBtn {
  top: 377px;
  left: 483px;
}
#restartBtn {
  top: 580px;
  left: 236px;
}

.active {
  background-color: #666;
  color: white;
}

#cave {
  position: absolute;
  z-index: 100;
  left: 65%;
  bottom: -10px;
  border: 3px solid red;
  width: 250px;
}