// Navbar Down
@keyframes navDown {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
// Page up
@keyframes upBounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

@keyframes downBounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

// Dropdown animation
@keyframes dropAnim {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

// btn Icon right
@keyframes btnIconMove {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translate(0 0);
  }
  40% {
    transform: translate(8px, -8px);
  }
  60% {
    transform: translate(4px, -4px);
  }
}

// Button shine
@keyframes btn-shineAnim {
  100% {
    left: 125%;
  }
}
