.header-content {
    opacity: 0;
    transform: translateY(40px);

    animation: headerFadeIn 0.9s ease-out forwards;
}

.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 1.5s ease,
        transform 1.5s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes headerFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}