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

}

.logo{
-webkit-animation: opacity_animation 0.4s 1s both;
animation: opacity_animation 0.4s 1s both;
}
.title{
-webkit-animation: opacity_animation 0.4s 1.5s both;
animation: opacity_animation 0.7s 1.5s both;
}
.mail{
-webkit-animation: opacity_animation 0.4s 2s both;
animation: opacity_animation 0.4s 2s both;
}

.page::after{
  -webkit-animation: opacity_animation 0.4s 2.5s both;
  animation: opacity_animation 0.4s 2.5s both;
}