document.addEventListener('DOMContentLoaded', function() {
    // Get all alert elements
    const alerts = document.querySelectorAll('.alert');
    
    // For each alert
    alerts.forEach(alert => {
        // After 5 seconds
        setTimeout(() => {
            // Add slideOut animation
            alert.style.animation = 'slideOut 0.5s ease-out forwards';
            
            // Remove the alert after animation completes
            setTimeout(() => {
                alert.remove();
            }, 500);
        }, 5000);
    });
});