body,
header,
 {
/*
	animation: fadeIn ease 1.5s forwards;
	z-index: 0;
*/
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInFig {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
	z-index: 10;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(+10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


figure{
   opacity: 0;
   animation: fadeInFig ease 1.0s forwards;
}

#icons a {
  opacity: 0;
  animation: fadeUp ease 1.0s forwards;
}

main h1 {
  opacity: 0;
  animation: fadeIn ease 1.0s forwards;
  animation-delay: 0.5s;
}

main h2 {
  opacity: 0;
  animation: fadeIn ease 1.0s forwards;
  animation-delay: 0.6s;
}

main h3 {
  opacity: 0;
  animation: fadeIn ease 1.0s forwards;
  animation-delay: 0.7s;
}

button:nth-child(1) {
  opacity: 0;
  animation: fadeIn ease 1.0s forwards;
  animation-delay: 0.7s; 
}

button:nth-child(2) {
  opacity: 0;
  animation: fadeIn ease 1.0s forwards;
  animation-delay: 0.8s; 
}

button:nth-child(3) {
  opacity: 0;
  animation: fadeIn ease 1.0s forwards;
  animation-delay: 0.9s; 
}

#icons a:nth-child(1) {
  animation-delay: 1.2s; 
}

#icons a:nth-child(2) {
  animation-delay: 1.3s; 
}

#icons a:nth-child(3) {
  animation-delay: 1.4s; 
}

#icons a:nth-child(4) {
  animation-delay: 1.5s; 
}

figure{
  animation-delay: 0.4s; 

}