/* BASE STATE */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: 
    opacity 0.6s ease,
    transform 0.6s ease,
    filter 0.6s ease;

  will-change: opacity, transform;
}

/* VISIBLE STATE */
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* VARIJACIJE */

/* malo delay */
.reveal-delay {
  transition-delay: 0.2s;
}

/* jači delay */
.reveal-delay-lg {
  transition-delay: 0.4s;
}

/* dolazi s lijeva */
.reveal-left {
  transform: translateX(-40px);
}

.reveal-left.active {
  transform: translateX(0);
}

/* dolazi s desna */
.reveal-right {
  transform: translateX(40px);
}

.reveal-right.active {
  transform: translateX(0);
}

/* blur efekt */
.reveal-blur {
  filter: blur(10px);
}

.reveal-blur.active {
  filter: blur(0);
}