h1 {
  margin-top: 20%;
    font-family: "Protest Revolution", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 6rem ;
}
h2 {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 3rem ;
}
h3 {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 3rem ;

}article {
    max-width: 600px;
    margin: 1em auto;
    overflow: hidden;
    position: relative;
    min-height: 4em;
  }
  
  .example-left {
    white-space: nowrap;
    position: absolute;
    text-transform: uppercase;
  }
  
  .example-left {
    -webkit-animation: mymove 8s linear infinite; /* Safari 4.0 - 8.0 */
    white-space: nowrap;
    animation: mymove 8s linear infinite alternate;
  }
  
  @-webkit-keyframes mymove {
    from {
      left: 0;
    }
    to {
      left: -140px;
    }
  }
  
  @keyframes mymove {
    from {
      left: 0;
    }
    to {
      left: -140px;
    }
  }
  
  
  .example-right {
    white-space: nowrap;
    position: absolute;
    top:2em;
    opacity: .4;
    text-transform: uppercase;
  }
  
  .example-right {
    -webkit-animation: urmove 8s linear infinite; /* Safari 4.0 - 8.0 */
    white-space: nowrap;
    animation: urmove 8s linear infinite alternate;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes urmove {
    from {
      right: 0;
    }
    to {
      right: -140px;
    }
  }
  
  @keyframes urmove {
    from {
      right: 0;
    }
    to {
      right: -140px;
    }
  }
  
  
  @keyframes early 
  { from { opacity:1; } to { opacity:0; } }
  
  .early {
      animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
  
      animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  
      animation-duration:1s;
      animation-delay: 1.5s

  }.link{
    color: rgb(0, 0, 0); /* Default color for links */
    text-decoration: none; 
  }
  
  .link:hover {
    color: rgb(81, 80, 51); /* Color when hovering over the link */
  }