Menu bar sticks out

Hello everybody. How do I set the length of the menu bar to the same value as the picture beneath it so nothing sticks out? Here’s the link https://codepen.io/Boss911/pen/BwNaKp

SOMEBODY, HELP. IT STILL DOESN’T WORK.

Check out the changes. I changed it from a <div> to a <nav> among other things.

Thank you, but could you comment your changes a bit in detail because I just dot get it… Sorry to bother you.Was it all about btn-default-outline commant in CSS?

Firstly, your pen is messy. You don’t need to add body and html tags. Links can go in settings. Look at the settings of mine to see how to do it.
I think the main thing I did was set top:0.

I’ve just added tops in my version too. It doesn’t work