.animated-heading {
    opacity: 0;
    white-space: pre-wrap;
    overflow: visible;
    margin: 0;
    padding: 0;
    min-height: 1.2em;
    display: block;
    word-wrap: break-word;
    max-width: 100%;
    transform: translateY(20px); /* Starting position for slide up */
    animation: fadeInSlideUp 0.8s ease-out forwards; /* Combined animation */
}

/* Combined fade in and slide up animation */
@keyframes fadeInSlideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade in animations */
.fade-in-paragraph {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.fade-in-paragraph.visible {
    opacity: 1;
}

.fade-in-link {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.fade-in-link.visible {
    opacity: 1;
}