.home-header {
  @apply max-w-screen-2xl mx-auto px-16 py-32;

  &__titling {
    @apply max-w-[580px];
  }
  &__title {
    @apply text-4xl font-medium pb-6;
    line-height: 1.2;
  }

  &__scroll-down-indicator {
    @apply bg-primary rounded-full flex justify-center items-center mt-6;
    width: 80px;
    height: 80px;
    &__arrow {
      animation: bouncingArrow 1s infinite alternate
        cubic-bezier(0.01, 0.61, 0.67, 0.99);
      /* cubic-bezier(0.01, 0.61, 0.39, 1); */
      /* cubic-bezier(0.18, 0.89, 0.3, 1); */
    }
  }
}
@keyframes bouncingArrow {
  0% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(-6px);
  }
}