@charset "UTF-8";
/* CSS Document */
@keyframes fadeIn {
   0% {  opacity: 0 }
 100% {  opacity: 1 }
}
@keyframes fadeInSlideUp {
    0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInSlideDown {
    0% { opacity: 0; transform: translateY(-30px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInSlideLeft {
    0% { opacity: .0; transform: translateX(-30px); }
  100% { opacity:  1; transform: translateX(0); }
}
@keyframes fadeInSlideRight {
    0% { opacity: .0; transform: translateX(30px); }
  100% { opacity:  1; transform: translateX(0); }
}
.fadeInSlide {
  animation: fadeInSlide 2s ease 0s 1 forwards;
}
.fadeOutSlide {
  opacity: .5;
  transform: translateY(30px);
  transition: all 1s ease;
}