Visible content behind the fixed menu

The position property with a value fixed is working but when I scroll down, I can see the content at the top of the page (above the menu). Do you happen to know how to make it invisible? Appreciate your help.

The HTML, CSS, and the screenshot highlighting the issue is available to down here: