body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* Centers content vertically */
  background-color: #222327; /* Dark background for contrast */
  margin: 0;
  overflow: hidden; /* Prevents scrollbars if content bounces beyond viewport */
}

.bounce-text {
  font-family: 'Luckiest Guy', cursive; /* A font with a cartoon feel */
  font-size: 3rem;
  font-weight: bold;
  color: #28ff55; /* Bright green text */
  text-align: center;
  position: relative; /* Needed for the bouncing effect */
  animation: bounce 2s ease-in-out infinite; /* Apply the animation */
}

/* Define the bouncing animation */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0); /* Start and end at the original position */
  }
  50% {
    transform: translateY(-15px); /* Move upwards at the animation's midpoint */
  }
}