html,
body,
body *,
a,
div {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}
body {
  background: #000;
}
html,
body,
a {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

a {
  text-align: center;
  text-decoration: none;
  &:hover {
    cursor: wait;
  }
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  -webkit-text-fill-color: transparent;
  color: transparent;
  background-clip: text;
  background-image: linear-gradient(
    to top left,
    red,
    orange,
    yellow,
    green,
    teal,
    blue,
    purple,
    red,
    orange,
    yellow,
    green,
    teal,
    blue,
    purple
  );
  background-size: 200% 100%;
  animation: 1.8s linear 0.5s infinite alternate spinBg;
  font-size: 2.2rem;
}

div {
  font-weight: bold;
  line-height: 3.6rem;
}

@keyframes spinBg {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 0%;
  }
}