nav {
  position: sticky;
  display: flex !important;
  gap: 0.5em;
  z-index: 2 !important;

  a {
    color: inherit;

    &:hover {
      color: var(--blue);
    }
  }
}

#custom-cursor {
  position: absolute;

  z-index: 3;

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(2);



  /* Empêche le curseur personnalisé d'interagir avec d'autres éléments */
  opacity: 0;
  /* Le curseur est invisible au départ */
  transition: opacity 0.2s ease-in-out;
  /* Pour une transition douce */


}