/* Animation dégradé fluide */
    @keyframes gradient {
      0% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0% 50%;
      }
    }

    .animate-gradient {
      background-size: 200% 200%;
      animation: gradient 6s ease infinite;
    }

    /* Animation apparition */
    @keyframes fadeUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .fade-up {
      animation: fadeUp 1.2s ease-out forwards;
    }

    @keyframes fade-in {

      0% {
        opacity: 0;
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }

    }

    .animate-fade-in {
      animation: fade-in 0.8s ease-out forwards;
    }

    html {
      scroll-behavior: smooth;
    }