/* Wadah utama bunga */
#flowers {
  position: relative;
  top: -50px;
  width: 100%;
  text-align: right;
}

/* Gaya dasar untuk setiap kelopak/bunga (elemen <i>) */
#flowers i {
  display: inline-block;
  /* Mengubah bentuk menjadi kelopak bunga oval putih */
  width: 15px;
  height: 20px;
  background: #fff; /* Warna dasar PUTIH */
  /* Membuat bentuk oval kelopak */
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  /* Memberikan sedikit gradasi lembut agar tidak terlalu datar */
  background: radial-gradient(circle at 30% 30%, #ffffff, #f0f0f0);
  
  box-shadow: 0px 1px 3px rgba(255,255,255,0.3); /* Sedikit bayangan putih lembut */
  border: none; /* Hapus border gelap dari daun */
  z-index: 1;
  
  /* Memicu animasi jatuh */
  -webkit-animation: fallingFlowers 6s linear infinite; /* Kecepatan sedikit lebih lambat */
  animation: fallingFlowers 6s linear infinite;
}

/* Variasi ukuran dan bentuk agar terlihat alami (mengganti gaya daun lama) */
#flowers i:nth-of-type(n)    { height:18px; width:13px; opacity: 0.9;}
#flowers i:nth-of-type(2n+1) { height:12px; width:16px; opacity: 0.7;}
#flowers i:nth-of-type(3n+2) { height:15px; width:10px; opacity: 0.5;}

/* Menghapus elemen daun (:before dan :after) karena tidak diperlukan untuk bunga oval simple */
#flowers i:before, #flowers i:after {
  content: none;
  display: none;
}

/* --- Variasi Penundaan Animasi (Sama seperti sebelumnya agar tidak jatuh bareng) --- */
#flowers i:nth-of-type(n)   { -webkit-animation-delay: 1.9s;}
#flowers i:nth-of-type(2n)  { -webkit-animation-delay: 3.9s;}
#flowers i:nth-of-type(3n)  { -webkit-animation-delay: 2.3s;}
#flowers i:nth-of-type(4n)  { -webkit-animation-delay: 4.4s;}
#flowers i:nth-of-type(5n)  { -webkit-animation-delay: 5s;  }
#flowers i:nth-of-type(6n)  { -webkit-animation-delay: 3.5s;}
#flowers i:nth-of-type(7n)  { -webkit-animation-delay: 2.8s;}
#flowers i:nth-of-type(8n)  { -webkit-animation-delay: 1.5s;}
#flowers i:nth-of-type(9n)  { -webkit-animation-delay: 3.3s;}
#flowers i:nth-of-type(10n) { -webkit-animation-delay: 2.5s;}

/* --- Definisi Animasi Jatuh Bunga (Modified Keyframes) --- */
/* Membuat gerakan jatuh yang lebih melayang/berayun dibanding daun */

@-webkit-keyframes fallingFlowers {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1; /* Muncul perlahan di awal */
    }
    100% {
        /* Jatuh ke bawah, bergeser ke kiri, dan berputar */
        -webkit-transform: translate3d(-400px, 100vh, 0) rotate(720deg);
        opacity: 0; /* Menghilang di akhir */
    }
}

@keyframes fallingFlowers {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(-400px, 100vh, 0) rotate(720deg);
        opacity: 0;
    }
}