/* AOS (Animate On Scroll) basic CSS */
[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos].aos-animate {
  opacity: 1;
}

[data-aos="fade-up"] {
  transform: translate3d(0, 20px, 0);
}

[data-aos="fade-up"].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos="fade-down"] {
  transform: translate3d(0, -20px, 0);
}

[data-aos="fade-down"].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos="fade-right"] {
  transform: translate3d(-20px, 0, 0);
}

[data-aos="fade-right"].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos="fade-left"] {
  transform: translate3d(20px, 0, 0);
}

[data-aos="fade-left"].aos-animate {
  transform: translate3d(0, 0, 0);
}

/* Animation durations and delays */
[data-aos] {
  transition-duration: 800ms;
  transition-timing-function: ease-in-out;
}