/* Custom animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

#game-image {
    animation: fadeIn 0.5s ease-in-out;
    background-color: #f0fc00;
}

body {
    background-image: url(DMBG.png);
}


button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.correct-answer {
    animation: pulse 0.5s ease-in-out;
    background-color: rgba(74, 222, 128, 0.2);
    color: #22c55f;
}

.wrong-answer {
    animation: pulse 0.5s ease-in-out;
    background-color: rgba(248, 113, 113, 0.2);
    color: #ef4444;
}

h1 {
    color: #22c55f;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f0fc00;
}

::-webkit-scrollbar-thumb {
    background: #ffba08;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffba08;
}

h1 {
    color: #fff;
}