/* ========================================
   ANIMATIONS
   ======================================== */

/* animation for hidden items */
/* animation 1 */
.hidden {
  opacity: 0;
  transition: all 2s;
  transform: translateX(100%);
}

/* animation 2 */
.hiddenP {
  opacity: 0;
  scale: 0.9;
  transition: all 1.3s;
}

/* animation 3 */
.hiddenCardsOne {
  opacity: 0;
  transition: all 1.5s;
  transform: translateX(100%);
}

.hiddenCardsTwo {
  opacity: 0;
  transition: all 1.5s;
  transform: translateX(-100%);
}

/* animation 4 */
.up-hidden-input {
  opacity: 0;
  transition: all 1.5s;
  transform: translatey(100%);
}

/* Show */
.show {
  opacity: 1;
  scale: 1;
  transform: translateX(0);
  transform: translatey(0);
}

/* animation footer */
.up-hidden {
  opacity: 0;
  transition: all 1.5s;
  transform: translatey(100%);
}

.up-show {
  transform: translatey(0%);
  opacity: 1;
}