@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Exo+2:wght@300;400;600&display=swap');

body {
    font-family: 'Exo 2', sans-serif;
    background-color: #0c0a09;
    color: #e7e5e4;
    /* background-color: #0a0a15;
            color: #e0e0ff;
            overflow-x: hidden; */
}

.cyber-font {
    font-family: 'Orbitron', sans-serif;
}

/* Custom scrollbar for horizontal scroll */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: 100px;
}

/* Neon glow text */
/* .neon-text {
            text-shadow:
                0 0 5px #8a2be2,
                0 0 10px #8a2be2,
                0 0 20px #8a2be2,
                0 0 40px #d147ff,
                0 0 80px #d147ff;
        } */
.neon-text {
    text-shadow: 0 0 5px rgba(168, 85, 247, 0.8);
}

.neon-text-logo {
    text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 20px #00ffff;
}

/* Neon glow border */
.neon-border {
    box-shadow:
        0 0 5px #8a2be2,
        0 0 10px #8a2be2,
        0 0 20px #8a2be2,
        0 0 20px #d147ff;
}

/* .neon-border {
            box-shadow:
                0 0 5px #8a2be2,
                0 0 10px #8a2be2,
                0 0 20px #8a2be2,
                0 0 40px #d147ff,
                0 0 80px #d147ff;
        } */

/* Scrollbar for episode list */
.scrollbar-thumb-purple::-webkit-scrollbar-thumb {
    background-color: #a855f7;
    border-radius: 9999px;
}

.scrollbar-thumb-purple::-webkit-scrollbar {
    height: 8px;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 5px #ff00ff;
    }

    50% {
        box-shadow: 0 0 20px #ff00ff;
    }

    100% {
        box-shadow: 0 0 5px #ff00ff;
    }
}

.watch-button {
    animation: pulse 2s infinite;
}

.carousel-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 768px) {
    .limited-bg-width {
        background-size: 1200px auto !important;
        background-position: right top !important;
    }
}

.active-quality-button {
    background-color: #8a2be2;
    border: 1px solid #d147ff;
}