* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  height: 100vh;
  width: 100%;
  display: grid;
  place-items: center;
  background-color: #1a1a1b;
  font-family: "Bangers", cursive;
}
h1 {
  padding: 0 20px;
  letter-spacing: 3px;
  font-size: 8rem;
  background-image: linear-gradient(
    to right top,
    hsl(357, 99%, 69%),
    hsl(327, 99%, 69%),
    hsl(300, 88%, 69%),
    hsl(280, 78%, 69%),
    hsl(326, 53%, 62%),
    hsl(311, 42%, 62%),
    hsl(286, 40%, 65%),
    hsl(262, 48%, 70%),
    hsl(240, 54%, 74%),
    hsl(222, 72%, 73%),
    hsl(212, 85%, 72%),
    hsl(204, 91%, 69%),
    hsl(196, 99%, 66%),
    hsl(190, 100%, 63%),
    hsl(184, 95%, 63%),
    hsl(176, 95%, 68%),
    hsl(147, 95%, 68%),
    hsl(96, 95%, 68%)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 200%;
  animation: gradient 1.5s linear infinite alternate;
}
@keyframes gradient {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}