.fade-in {
  opacity: 0;
  transition: opacity 800ms ease-in;
}

.fade-in-1 {
  opacity: 0;
  transition: opacity 900ms ease-in;
}
.fade-in.appear {
  opacity: 1;
}

.from-left,
.from-right {
  transition: opacity 500ms ease-in, -webkit-transform 500ms ease-in;
  transition: opacity 500ms ease-in, transform 500ms ease-in;
  transition: opacity 500ms ease-in, transform 500ms ease-in,
    -webkit-transform 500ms ease-in;
  opacity: 0;
}

.from-left.appear,
.from-right.appear {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}