app.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body {
  height: 100vh;
  background-color: rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
}
.container {
  position: absolute;

  > h1 {
    font-size: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    &:nth-child(1) {
      color: transparent;
      -webkit-text-stroke: 1px #0dda51;
      text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 25px #f4f5f7,
        0 0 45px #0654f0, 0 0 70px #0654f0, 0 0 95px #0654f0, 0 0 120px #033391,
        0 0 150px #032872;
    }
    &:nth-child(2) {
      color: #0654f0;
      animation: text 4s ease-in-out infinite;
    }
  }
}
@keyframes text {
  0%,
  100% {
    clip-path: polygon(
      0 54%,
      22% 29%,
      54% 60%,
      78% 35%,
      100% 50%,
      100% 100%,
      0 100%
    );
  }
  50% {
    clip-path: polygon(
      0 83%,
      20% 55%,
      54% 75%,
      69% 53%,
      100% 85%,
      100% 100%,
      0 100%
    );
  }
}