@keyframes slidein {
  from {
    margin-left: -200%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes right {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}


body{
  background-color: lightgray;
  font-family: futura;
  font-size: 30pt;
}

p{
  color: ghostwhite;
  animation-duration: 3s;
  animation-name:slidein ;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.right{
  margin-top: -800px;
  color: ghostwhite;
  animation-duration: 3s;
  animation-name: right;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}