body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fade-in animation for content blocks */
.fade-in {
    animation: fadeInAnimation 0.5s ease-in-out forwards;
    opacity: 0;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Additional styles for card hover effects if needed, complementing Tailwind */
.custom-card {
    transition: all 0.3s ease-in-out;
}

.custom-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Tailwind shadow-lg */
    transform: translateY(-2px) scale(1.02);
}

/* Ensure Font Awesome icons are vertically aligned well with text */
.fas, .far, .fab {
    vertical-align: -0.125em; /* Adjust if necessary */
}