html,
body {
  cursor: crosshair;
  background-color: black;
}

/*credit to author modified by site owner*/
.wrapper {
  max-width: 728px;
}
.rainbow-text {
  background-image: repeating-linear-gradient(
    124deg,
    #ff2400,
    #e81d1d,
    #e8b71d,
    #e3e81d,
    #1de840,
    #1ddde8,
    #2b1de8,
    #dd00f3,
    #dd00f3
  );
  text-align: center;
  background-size: 800% 800%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  animation: rainbow 15s ease infinite;
}

@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 50% 25%;
  }
  50% {
    background-position: 100% 50%;
  }
  75% {
    background-position: 50% 25%;
  }
  100% {
    background-position: 0% 50%;
  }
}

div.vwv {
  height: 45%;
  position: relative;
}

div.vwv p {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  vertical-align: center;
  font: 10em sans-serif;
  transform: translate(-50%, -50%);
  color: darkgray;
}