document.getElementById('prevBtn').addEventListener('click', function() {
    navigate(prevUrl);
});

document.getElementById('nextBtn').addEventListener('click', function() {
    navigate(nextUrl);
});

function navigate(url) {
    const flashcard = document.getElementById('flashcard');
    flashcard.classList.add('fade-out');
    setTimeout(function() {
        window.location.href = url;
    }, 500); // Match this duration with the CSS animation duration
}