/*

Title of project
Author's name

Some description of the CSS styling

*/

/* Actual CSS goes below here! */
h1 {
  font-family: sans-serif;
  font-size: 24px;
}

@keyframes anitext {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
  0%   {left:0px;}
25%  {left:50%;}
50%  {left:50%;}
75%  {left:50%;}
100% {left:0%;}
}

/* The element to apply the animation to */
#animate {
    position: relative;
    animation-name: anitext;
    animation-duration: 4s;
}