html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Comic Sans MS", cursive, sans-serif;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #181C14;
}

.rainbow {
  font-size: clamp(8px, 8vw, 128px);
  background: linear-gradient(
    90deg,
    red,
    orange,
    yellow,
    green,
    blue,
    indigo,
    violet,
    red
  );
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
    animation: rainbow-slide 2s linear infinite;
}

@keyframes rainbow-slide {
  0% {
    background-position: 200% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}