body {
color: black;
}

::selection {
/* Change highlight background color */
background: grey;
/* Change highlight text color */
color: #FFFFFF;
}


a {
  color: none;
text-decoration: none;
font-size: 2em;
font-weight: bold;
font-family: arial;

color: transparent;
background: url("https://files.catbox.moe/db8ne8.png") repeat-x #fff;
background-clip: border-box;
background-size: 200% 100%;

background-clip: text;
-webkit-background-clip: text;
transition: background-position-y 0.6s ease;
-webkit-transition: background-position-y 0.6s ease;
animation: waveAnimation 4s infinite linear;
-webkit-animation: waveAnimation 4s infinite linear;

-webkit-animation-play-state: running;
animation-play-state: running;

/* below just adds the outlines */
filter: drop-shadow(1px 1px white) drop-shadow(-1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px -1px white)
drop-shadow(1px 1px black) drop-shadow(-1px 1px black) drop-shadow(1px -1px black) drop-shadow(-1px -1px black);
}

@-webkit-keyframes waveAnimation{
from { background-position-x: 0%; }
to { background-position-x: 200%; }
}

@keyframes waveAnimation{
from { background-position-x: 0%; }
to { background-position-x: 200%; }
}



  p3 {
    color: #000000;
    animation: blinkingText 2.2s infinite;
  }
 
  @keyframes blinkingText {
    0% {
      color: #000000;
    }
 
    49% {
      color: #000000;
    }
 
    60% {
      color: white;
    }
 
    99% {
      color: white;
    }
 
    100% {
      color: #000000;
    }
  }