.name a {
  font-size: 35px;
  font-weight: 600;
  background: repeating-linear-gradient(
    -45deg,
    red 0%,
    yellow 7.14%,
    rgb(0, 255, 0) 14.28%,
    rgb(0, 255, 255) 21.4%,
    cyan 28.56%,
    blue 35.7%,
    magenta 42.84%,
    red 50%
  );
  background-size: 600vw 600vw;
  -webkit-text-fill-color: transparent;
  background-clip: border-box;
  -webkit-background-clip: text;
  animation: slide 8s linear infinite forwards;
}

@keyframes slide {
  0% {
    background-position-x: 0%;
  }

  100% {
    background-position-x: 600vw;
  }
}

.name {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
  }

footer {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9999999;
  }
  
  footer > * {
    font-family: 'uni_sansheavy_caps', sans-serif;
    color: black;
    text-decoration: none;
  }
  
  footer {
    font-family: 'uni_sansheavy_caps', sans-serif;
    color: black;
    font-size: 17px;
  }
  
  footer > a:hover {
    color: rgba(51, 0, 255, 0.789);
  }