body {
  background-color: rgb(186, 225, 255);
  color: white;
  font-family: "Pixelify Sans", serif;
  text-align: center;
  cursor: url('gif-assets para pag/mouse17.gif'), auto;
}

h1 {
  font-size: 60px;
}

p {
  font-size: 20px;
}

* {
  cursor: url('gif-assets para pag/mouse17.gif'), auto;
}

*:hover {
  cursor: url('gif-assets para pag/mouse5.gif'), pointer;
}

.big-button {
  background-color: #baffc9;
  border: none;
  padding: 15px 30px;
  font-size: 20px;
  border-radius: 5px;
  font-family: "Pixelify Sans", serif;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.big-button:hover {
  background-color: #a0e4c2; /* Lighter green */
  transform: scale(1.1); /* Slightly increase the size */
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffb3ba;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.popup-content {
  text-align: center;
}

.close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
}

.train {
  position: absolute;
  top: 50%;
  left: -200px;
  width: 150px;
}

.wiggle-cat {
  cursor: pointer;
}

.explosion-left, .explosion-right {
  position: fixed;
  bottom: 20px; /* Distance from the bottom edge */
  width: 100px; /* Adjust the size */
}

.explosion-left {
  left: 20px; /* Distance from the left edge */
}

.explosion-right {
  right: 20px; /* Distance from the right edge */
}

.cat-left, .cat-right {
  position: fixed;
  top: 20px; /* Distance from the top edge */
  width: 100px; /* Adjust the size */
}

.cat-left {
  left: 20px; /* Distance from the left edge */
}

.cat-right {
  right: 20px; /* Distance from the right edge */
}