@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap");



p {
  --size: 3.5px;
  --color:#B06CF7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    font-size: 200px;
    font-family: Arial, "san-Serif";
  background: repeating-linear-gradient(
      -45deg,
      var(--color),
      var(--color) var(--size),
      transparent var(--size),
      transparent calc(var(--size) * 2)
    ),
    repeating-linear-gradient(
      45deg,
      var(--color),
      var(--color) var(--size),
      transparent var(--size),
      transparent calc(var(--size) * 2)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke: 10px;
    position: relative;
    left: 10px;
    top: 0px;
    animation: p 1s infinite alternate;
    text-align: center;
}

p::before {
  content: " Designed by: Caixia";
  position: absolute;
  color: transparent;
  background: linear-gradient(to right, #EF3B36 0%, #FFFFFF  51%, #EF3B36  100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 10px;
  z-index: -1;
  animation: p 1s infinite alternate;
}

@keyframes p {
  0% {
    left: 0px;
    top: 0px;
  }
  100% {
    left: -10px;
    top: -30px;
  }
}