/* Initially hidden */
.hidden {
  opacity: 0;
}

/* Slide in from left */
.slide-left.animate {
  animation: slide-left 0.8s ease forwards;
}

@keyframes slide-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Slide in from right */
.slide-right.animate {
  animation: slide-right 0.8s ease forwards;
}

@keyframes slide-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


/* Initially hidden */
.hidden {
  opacity: 0;
}

/* Shadow Drop Top */
.text-shadow-drop-top.animate {
    animation: text-shadow-drop-top 0.6s both;
}

@keyframes text-shadow-drop-top {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 -6px 18px rgba(0, 0, 0, 0.35);
  }
}

/* Scale In Bottom */
.scale-in-bottom.animate {
    animation: scale-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes scale-in-bottom {
  0% {
    transform: scale(0);
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* Hidden state for animation start */
.hidden {
    opacity: 0;
}