html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* cegah scroll */
}

/* Tambahkan wrapper */
.decor-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20vh; /* hanya area bawah 20% layar */
    overflow: hidden; /* sembunyikan sisanya */
}

/* Bola animasi hanya di 1/3 bawah layar */
.sun {
    background-color: orangered;
    opacity: 0.2;
    position: fixed;
    bottom: 0;
    transform: translateY(80%); /* hanya 20% terlihat */
    left: -30vw;
    width: 220vw;
    height: 20vh; /* lebih kecil supaya 1/3 layar */
    border-radius: 50%;
    animation: sunrise2 10s linear 1s infinite;
}

.sun2 {
    background-color: orange;
    opacity: 0.3;
    position: fixed;
    bottom: 0;
    transform: translateY(80%); /* hanya 20% terlihat */
    left: -120vw;
    width: 220vw;
    height: 20vh;
    border-radius: 50%;
    animation: sunrise2 14s linear 2s infinite;
}

.sun3 {
    background-color: yellow;
    opacity: 0.5;
    position: fixed;
    bottom: 0;
    transform: translateY(80%); /* hanya 20% terlihat */
    left: -60vw;
    width: 220vw;
    height: 20vh;
    border-radius: 50%;
    animation: sunrise2 12s linear 0s infinite;
}

/* Animasi bergerak lembut */
@keyframes sunrise2 {
    0%   { transform: translate(0, 80%); }
    25%  { transform: translate(15vw, 78%); }
    50%  { transform: translate(30vw, 79%); }
    75%  { transform: translate(15vw, 78%); }
    100% { transform: translate(0, 80%); }
}