html {
    scroll-behavior: smooth;
}

/* Prevent content from hiding behind fixed header */
section {
    scroll-margin-top: 100px;
}

/* Active navigation link */
.nav-link.active {
    color: var(--primary);
    font-weight: 700;
}

/* Mobile menu animation */
#mobile-menu {
    transform-origin: top;
}

#mobile-menu.hidden {
    display: none;
}

@media (max-width: 1023px) {
    #mobile-menu {
        animation: mobileMenu .25s ease;
    }

    @keyframes mobileMenu {
        from {
            opacity: 0;
            transform: translateY(-10px) scale(.98);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}