/* The title of the page ---> Move to new CSS */ 

.title
{
  font-family: "Jersey 20", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 4.2em;
  color: purple;
  -webkit-text-fill-color: transparent;
  background: purple;
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  animation: floaty 1s ease-out infinite alternate;
  -webkit-text-stroke: 0.5px black;
  margin: 0;
  
  
}


@keyframes floaty
{
    0%{transform: translateY(5px);}
    50%{transform: translateY(2.5px);}
    75%{transform: translateY(-2.5px);}
    100%{transform: translateY(-5px); filter: drop-shadow(0px 20px 10px #973295);}
}