/* Rainbow animated text CSS by Lena Stanley: https://www.lenastanley.com/2021/03/css-rainbow-text-animation.html https://lenadesign.org/2021/03/05/pure-css-rainbow-text-animation/ */



.rainbowText {
  font-family: arial black;
  font-size: 42pt; /* The answer to life, the universe, and everything */
  background-image:
    linear-gradient(to right, red, orange, orange, yellow, yellow, chartreuse, green, darkcyan, blue, indigo, violet, violet, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: move 42s linear infinite;
}


/* Move Horizontal */
.move2 {
  animation-name: move-horizontal;
}

.rainbowText2 {
  font-family: arial black;
  font-size: 42pt; /* The answer to life, the universe, and everything */
  background-image:
    linear-gradient(to bottom, red, orange, orange, yellow, yellow, chartreuse, green, darkcyan, blue, indigo, violet, violet, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: move2 42s linear infinite;
}


@keyframes move {
  to {
    background-position: 45000px 0;
  }
}

@keyframes move2 {
  to {
    background-position: 0 45000px;
  }
}