@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .note {
    animation: fadeInLeft 2s ease forwards;
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .radio {
    animation: fadeInRight 2s ease forwards;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(100%);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .link_pesan {
    animation: fadeInUp 2s ease forwards;
  }

  @keyframes fadeInAnimation {
    from {
        opacity: 0;
        transform: translateY(-50px); /* Geser ke atas */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Kembali ke posisi awal */
    }
}
.jml {
    /* Set opsi awal */
    opacity: 0;
    transform: translateY(-50px); /* Geser ke atas sebelum muncul */

    /* Animasi menggunakan keyframes */
    animation: fadeInAnimation 2s ease-in-out forwards;
}