@charset "UTF-8";



body [data-fx][data-fx-trigger][data-fx-init] {
  visibility: hidden;
}

body [data-fx][data-fx-trigger][data-fx-ready] {
  visibility: visible;
  transition: all 0s 0s;
}



/*
  Fade in
*/
[data-fx="fade-in"][data-fx-trigger="in-view"] {
  opacity: 1;

  transition:
    transform 0.75s 0s linear,
    opacity 0.75s 0s linear;
}

[data-fx="fade-in"][data-fx-trigger="in-view"][data-fx-ready] {
  opacity: 0;
}



/*
  Fade in from bottom
*/
[data-fx="fade-in-from-bottom"][data-fx-trigger="in-view"] {
  transform: translateY(0);
  opacity: 1;

  transition:
    transform 0.5s 0s ease-in,
    opacity 0.5s 0s ease-in;
}

[data-fx="fade-in-from-bottom"][data-fx-trigger="in-view"][data-fx-ready] {
  transform: translateY(5vw);
  opacity: 0;
}



/*
  Un-Blur
*/
[data-fx="un-blur"][data-fx-trigger="in-view"] {
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;

  transition:
    filter 0.5s 0s ease-in,
    opacity 0.5s 0s ease-in;
}

[data-fx="un-blur"][data-fx-trigger="in-view"][data-fx-ready] {
  filter: blur(1em);
  -webkit-filter: blur(1em);
  opacity: 0;
}