Portfolio Page, Problem with Alignment

I´m working on my portfolio project and I´m running into a snag with my alignment. The navbar and the page content are wildly misaligned and I´m not quite sure how to fix it. I tried setting margin left and right to auto for body and html in CSS, but this did not work.
What I would like is the page content to be centered to match the navbar.

Suggestions on where to look to achieve this?

Try to put the navbar on one layer (e.g. z-index: 2, position: fixed, etc.) and the page content on the second layer (e.g. z-index: 1, etc. ).

I forgot to include the link to my CodePen. It´s below:

My Portfolio