Responsive landing page using CSS Flexbox, CSS Grid and a little JS

On the desktop form factor there's a 40px gap between the navbar and intro section. I've inspected everything in dev tools and tried multiple solutions I found on Stackoverflow but can't figure it out.

The View Plans button in the intro section doesn't apply the reverse background on active or hover state. In devtools inspector it shows the correct CSS when I check the Force element state :active box but the appearance doesn't change.