/* colors */
/* easing bezier */
/* layout vars */
/* ARROW SCROLL MODULE */
.arrow-anim-container {
  overflow: hidden;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.arrow-anim-container .arrow-anim {
  animation: arrow-scroll 4s infinite cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

@keyframes arrow-scroll {
  0% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(90px);
    opacity: 1;
  }
  31% {
    opacity: 0;
    transform: translateY(90px);
  }
  32% {
    transform: translateY(-90px);
    opacity: 0;
  }
  33% {
    opacity: 1;
    transform: translateY(-90px);
  }
  63% {
    transform: translateY(0);
  }
}
