/* ============================================================
   PAGE : ACCUEIL (index.html)
   ============================================================ */

#bg-letter { transform: translate(-70%, -50%); }

#hero-scroll-arrow {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  opacity: 0.7;
  animation: arrowBounce 2.2s ease-in-out infinite;
  pointer-events: none;
}

#hero-scroll-arrow svg { width: 2.64rem; height: auto; }

@keyframes arrowBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.7; }
  50%       { transform: translateX(-50%) translateY(14px); opacity: 1; }
}