body {
  margin: 0;
  padding: 0;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  background: linear-gradient(-45deg, #ff9a9e, #fad0c4, #fbc2eb, #a18cd1);
  background-size: 400% 400%;
  animation: gradientBG 10s ease infinite;
  color: #fff;
  text-align: center;
}

.container {
  padding-top: 10vh;
}

.rainbow-text {
  font-size: 3em;
  background: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbowMove 5s linear infinite;
}

.blinking {
  font-size: 1.5em;
  animation: blink 1s step-start infinite;
  margin: 20px;
}

button {
  background-color: #fff;
  color: #000;
  font-size: 1.2em;
  padding: 10px 20px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
}

button:hover {
  transform: scale(1.2) rotate(5deg);
  background: #000;
  color: #fff;
}

@keyframes gradientBG {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

@keyframes rainbowMove {
  0% {background-position: 0%;}
  100% {background-position: 100%;}
}

@keyframes blink {
  50% {opacity: 0;}
}