Intro section with dropdown navigation challenge using HTML 5 Semantic

Hello my Lovely Developers, This is my solution to the Intro section with dropdown navigation challenge using HTML 5 Semantic tags, CSS 3, SASS(SCSS syntax) and javaScript, Here are some of the Extra things I added

• My navigation links and image hover style on desktop:<br/> I use javaScript mouse-tracking to add a dark circle behind each nav links and the dark circle follows the, the same is done on the image using grayscale backdrop
• I used SVG for the text/logo "snap" and animates it.

Here are my questions:

• do you think I use the HTML 5 Semantic tags correctly?

• do you think it's a good idea to always use ID only to select element from the javaScrip without a special reason(I mean for DOM manipulation)?

• please do you know why the skip to main content isn't showing on firefox browser?

• Is it inaccessible in anyway or Is there any accessibility feature you think I should add?

• in what aspect of my code do you think I should Improve on?

• Is there anything I did that you have a better way of doing?

• what do you think of my code? is it clean? Kindy tell how I can Improve that?

• do you notice any details left out in the design and How do think I can fix it?