.fade-in {
  animation: fadeIn 5s ease 0s;
  -webkit-animation: fadeIn 5s ease 0s;
} 

@keyframes fadeIn {
  0% { opacity: 0; }
  100% {  opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% {  opacity: 1; }
}

  
/*
header h1 {
  animation: slide-right 3s ease-out;
  -webkit-animation: slide-right 3s ease-out;
}
 
@keyframes slide-right {
 0% { transform: translateX(-100%); }
 100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-right {
 0% { transform: translateX(-100%); }
 100% { transform: translateX(0%); }
}
*/