.rainbow-text {
  background: linear-gradient(
    90deg,
    red, orange, yellow, green, blue, indigo, violet, red
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: rainbow 3s linear infinite;
  font-size: 500%;
  font-family: Arial;
}
@keyframes rainbow {
  0%   { background-position: 0% center; }
  100% { background-position: 200% center; }
}
#snowCanvas {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; /* lets clicks pass through */
z-index: 9999;
}
body {
  background-image: url('https://net.kidzsearch.com/wp-content/uploads/2021/11/funny-weird-wtf-stock-photos-19-5a3926af95d9d__700.jpg');
  background-size: 100% 100%;      /* fills the whole page */
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* stays in place when scrolling */
-webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.normal-texxt {
  font-size: 200%;
  font-family: Verdana;
}
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: scroll 10s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}