body {
  transition: background-color 2s ease;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  height: 100vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #1a1a1a;
}

#bouncer {
  font-size: 3rem;
  font-weight: bold;
  display: flex;
  gap: 0.05em;
}

/* Fire effect on letters */
.fire-letter {
  display: inline-block;
  color: #ffeb3b;
  animation: fireBounce 1.5s infinite ease-in-out, fireGlow 1s infinite alternate;
}

/* Bouncing motion like flames */
@keyframes fireBounce {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px) scale(1.05);
  }
}

/* Flickering fire glow */
@keyframes fireGlow {
  0% {
    text-shadow: 0 0 5px #ff5722, 0 0 10px #ff9800, 0 0 15px #ffc107;
  }
  100% {
    text-shadow: 0 0 10px #ff6f00, 0 0 20px #ff5722, 0 0 30px #ff9800;
  }
}