Menu items are not working

Hello everyone
Im almost done with a website for my SMMA, and iv’e stumbled upon a small, yet annoying problem.
My navbar is changing design as the user scrolls down the page. My issue is that before the user scrolls, and the navbar is static at the top, the menu items are unclickable. This is both on desktop as well as what should have been a drop-down on smaller devices. I haven’t really worked with this sort of navbar before, som i’m not quite sure how to solve this issue. Can anyone please advice?
Thanks in advance!

Link: https://preview.webflow.com/preview/ovn?utm_medium=preview_link&utm_source=designer&utm_content=ovn&preview=68ace2b5e0f3ab948d19185b8fa289db&pageId=5f207b47bc0ef50e65b826e0&mode=preview


Here is my public share link: https://preview.webflow.com/preview/ovn?utm_medium=preview_link&utm_source=designer&utm_content=ovn&preview=68ace2b5e0f3ab948d19185b8fa289db&pageId=5f207b47bc0ef50e65b826e0&mode=preview
(how to access public share link)

Hello.
The ‘Main Section’ is blocking it. It’s in front of the menu.