body {
      background: linear-gradient(135deg, #00c6ff, #7f00ff, #ff416c);
      background-size: 400% 400%;
      animation: gradientBG 15s ease infinite;
    }
 
    .name{
        color: #ffff;
    }
     
    /* Animation fluide du dégradé */
    @keyframes gradientBG {
      0% {background-position: 0% 50%;}
      50% {background-position: 100% 50%;}
      100% {background-position: 0% 50%;}
    }

    .card {
      background-color: #ffffff81 !important;
    }

    /* Images flottantes */
    .floating-img {
      position: absolute;
      z-index: 2;
      animation: float 6s ease-in-out infinite;
      opacity: 0.8;
      pointer-events: none;
    }

    /* Taille et position responsive */
    .img1 {
      width: 15vw;
      top: 10px;
      left: 10%;
      animation-delay: 0s;
    }
    .img2 {
      width: 28vw;
      top: 40vh;
      left: 2%;
      animation-delay: 1s;
    }
    .img3 {
      width: 18vw;
      top: 5vh;
      right: 5%;
      animation-delay: 2s;
    }

    /* Animation flottante */
    @keyframes float {
      0% { transform: translateY(0); }
      50% { transform: translateY(-30px); }
      100% { transform: translateY(0); }
    }