/* General fade-in animation for sections */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Add a subtle zoom effect on hover for cards and buttons */
.card, .btn {
    transition: transform 0.3s ease;
}

.card:hover, .btn:hover {
    transform: scale(1.05);
}