How do I make this HTML css navbar?

See more:

CSS

HTML

navigation

MenuItem

Hey,

I'm 14 and trying to figure this out for the last couple of days (im new, please dont judge)


I made this image in photoshop and I would like to figure out how to make it HTML and CSS on Codepen. What would the code be for the navigation bar alone? I want to know basically how to make it stick to the top (not to be fixed, but when I load the page, it should be at the top) and be 100% in width.

I have so much trouble in positioning, and I can create the navbar itself however the items are so tricky to align.

If you have the time, I would really appreciate a little lesson about alignment and positioning HTML elements with CSS (a link to a place good, is more than enough)
I get all these ideas for cool additions to my personal website but I can't do them because I don't know how to position them on the site, so this would be great