body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#canvas {
  width: 100%;
  height: 100vh;
  background-color: #e5eff7;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#toggle-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.platform {
  position: absolute;
  background-color: #541000;
  width: 200px;
  height: 20px;
}

#platform1 {
  bottom: 50px; /* Adjust as needed */
  left: 100px; /* Adjust as needed */
}

#platform2 {
  bottom: 150px; /* Adjust as needed */
  left: 300px; /* Adjust as needed */
}

#platform3 {
  bottom: 250px; /* Adjust as needed */
  left: 500px; /* Adjust as needed */
  height: 30px;
}

#enter-text {
  position: absolute;
  bottom: 480px; /* Adjust vertical position of the text */
  left: 750px; /* Adjust horizontal position of the text */
  display: none; /* Hide the text by default */
  color: black; /* Change text color */
  font-size: 20px; /* Change text size */
  font-family: "Bradley Hand"
}

.tree {
  width: 200px;
  height: 200px;
  background-image: url('img/oak-big.png'); /* Set the image of the tree */
  background-size: cover;
  position: absolute;
  bottom: 270px; /* Adjust as needed */
  left: 550px; /* Adjust as needed */
  cursor: pointer; /* Change cursor to pointer when hovering over the tree */
}

.rocket {
  width: 200px;
  height: 200px;
  background-image: url('img/rocket.png'); /* Set the image of the tree */
  background-size: cover;
  position: absolute;
  bottom: 0; /* Adjust as needed */
  left: 550px; /* Adjust as needed */
  cursor: pointer; /* Change cursor to pointer when hovering over the tree */
}

#day-night-img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
}

#kiwi {
  width: 50px;
  height: 50px;
  background-image: url('img/kiwi-bird.png'); /* Change the background image to kiwi */
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform 0.3s ease; /* Add a transition for smooth flipping */
}

.kiwi-flipped {
  transform: scaleX(-1); /* Flip the image horizontally */
}