/* Custom font for a professional look */
body {
    font-family: 'Inter', sans-serif;
}

/* Keyframe animation for a subtle fade-in effect */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply the fade-in animation to the main content div */
/* The actual animation trigger will be handled by JavaScript for better control */
#main-content {
    animation: fadeIn 1s ease-out forwards; /* This will be applied by JS */
}

/* Optional: Add a subtle pulse animation for the link on hover */
.text-indigo-700:hover {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}