.frontpage1
{text-align: center;
  color: red;

 margin-top: 6cm;
  
 
 animation: enter 2000ms;

}
.frontpage2
{text-align: center;
  color: blue;
   
  animation: enter2 5000ms;
  
 
}
@keyframes enter {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes enter2 {
 
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}