/* interactive.css */

/* Hapların ortak stilleri */
.pill {
    opacity: 0;
    transition: opacity 2s ease;
    pointer-events: none; /* Ses dosyası bitene kadar tıklanamaz */
}

/* Fade-in efekti */
.pill.fade-in {
    opacity: 1;
}

/* Hapları içeren konteyner */
#pills-container {
    position: fixed;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* Hapların stili */
#pills-container .pill {
    margin: 0 20px; /* Haplar arasındaki boşluğu ayarlar */
}

/* Mavi hap stili */
#blue-pill {
    filter: drop-shadow(0 0 20px #0000FF); /* Mavi neon parıltı */
}

/* Kırmızı hap stili */
#red-pill {
    filter: drop-shadow(0 0 20px #FF0000); /* Kırmızı neon parıltı */
}

/* Loading ekranı fade-out efekti */
#loading-screen.fade-out {
    opacity: 0;
    transition: opacity 1s ease;
}
