A problem with my Nav-bar

Hi everyone,my Nav-bar is leaving to much of a gap to the words below,I will be happy if you can be of assistance,Thanks.
This is the link:https://codepen.io/adaezebaby/pen/jOqaQbd

@adaezebaby, you need to run your HTML code through the W3C validator. You have elements out of order.

You can review this for an understanding of the tags in HTML boilerplate .

You should get into the habit of using external styling.
If you’re going to use internal styling don’t mix in-line styling with it.

The short answer to your question is that you set it that way with this;
height: 100%;


Thanks I will take a look at that