/* ======================================================================================== ^^
	Animation
=========================================================================================== ^^ */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ======================================================================================== ^^
	Effect
=========================================================================================== ^^ */
.fadein_a {
  opacity: 0;
  transition : all 2s;
}
.fadein_a.active {
  -webkit-animation: fadein 1s linear 0s forwards;
  animation: fadein 1s linear 0s forwards;
  opacity: 1;

}
.fadein_b {
  opacity: 0;
  transition : all 2s;
}
.fadein_b.active {
  -webkit-animation: fadein 1s linear 0s forwards;
  animation: fadein 1s linear 0s forwards;
  opacity: 1;

}
.fadein_c {
  opacity: 0;
  transition : all 2s;
}
.fadein_c.active {
  -webkit-animation: fadein 1s linear 0s forwards;
  animation: fadein 1s linear 0s forwards;
  opacity: 1;

}
.fadein_d {
  opacity: 0;
  transition : all 2s;
}
.fadein_d.active {
  -webkit-animation: fadein 1s linear 0s forwards;
  animation: fadein 1s linear 0s forwards;
  opacity: 1;

}
