html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
}

h1 {
  margin: auto;
  color: gray;
  font-size: 6rem;
  position: relative;
}

h1::after {
  content: 'spotlight';
  position: absolute;
  left: 0;
  top: 0;
  color: transparent;
  background-image: linear-gradient(to right, #6025f5, #ff5555);
  clip-path: ellipse(100px 100px at 0% 50%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  animation: move 5s infinite;
}

@keyframes move {
  0% {
    clip-path: ellipse(100px 100px at 0% 50%);
  }
  50% {
    clip-path: ellipse(100px 100px at 100% 50%);
  }
  100% {
    clip-path: ellipse(100px 100px at 0% 50%);
  }
}