@import url('css2.css');

.text {
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%,-50%);
  font-size: 10rem;
  position: absolute;
  font-family: 'Satisfy', cursive;
  background-image: linear-gradient(
    -200deg,
    purple 0%,
    teal 25%,
    orange 50%,
    deeppink 100%
  );
   text-shadow: 5px 5px 0px crimson, 
                  10px 10px 0px purple, 
                  15px 15px 0px teal, 
                  20px 20px 0px orange, 
                  25px 25px 0px deeppink, 
                  30px 30px 0px crimson;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: move 2s linear infinite;
}

@keyframes move {
  to {
    background-position: 200% center;
  }
}