/* Custom font styles for the elegant script font */ /* Custom styles for the mobile menu */ /* Hidden by default */ /* --- Animation for hero heading --- */ /* Define the keyframes for the slide-up and fade-in animation */ /* Apply the animation to the hero heading */ // Get the mobile menu button and the mobile menu element // Get all navigation links // The header's height is needed to offset the scroll position // Add a click event listener to the mobile menu button // Toggle the 'active' class on the mobile menu // Loop through all nav links and add a click event listener // Prevent the default behavior of the link // Get the target section using the href attribute // Calculate the offset to account for the fixed header // Smoothly scroll to the target element // Close mobile menu when a link is clicked