html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@font-face {
  font-family: 'Rainbow';
  src: url(./fonts/Rainbow-Party-2.woff2) format('woff2');
}

@property --c1 {
  syntax: '<color>';
  inherits: false;
  initial-value: #4634ee;
}
@property --c2 {
  syntax: '<color>';
  inherits: false;
  initial-value: #ff00ff;
}

h6 {
  display: block;
  color: transparent;
  text-align: center;
  font-size: 5vw;
  font-family: 'Rainbow';
  background: linear-gradient(45deg, var(--c1) 40%, var(--c2) 60%);
  background-clip: text;
  filter: drop-shadow(0.55vw 0.55vw 0.5vw var(--c1));
  animation: move 5s linear infinite;
}

@keyframes move {
  50% {
    --c1: #ff00ff;
    --c2: #4634ee;
  }
  100% {
    --c1: #4634ee;
    --c2: #ff00ff;
  }
}