.anchor-link.active {
    color: var(--header-bg);
}

.anchor-nav.slide-down {
    animation: slideDown 0.3s ease-out;
}

.anchor-nav.slide-up {
    animation: slideUp 0.3s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}