@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%;
  }
}

@keyframes background {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

body{
  background: linear-gradient(90deg, #fcab10, #2b9eb3);
    background-size: 800% 800%;
    animation: background 10s ease infinite;
  font-family: futura;
  font-size: 30pt;
}

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

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