Help to block a navbar at the top

https://codepen.io/Marianna-Gava/pen/VYLaLZm

Hi, I am trying to code this webpage for a friend. Very beginner page. I created a navbar but no matter what I do I can’t block it at the top. I would like to be able to click on ‘about’ and still be able to see the bar to go back at the top. Is it possible to do? I tried so many ways but if I fix it it will overlap with the other content and won’t work properly.
I could potentially use Js too but I literally just started using it so I don’t know much about it. Thanks guys

This part of the freeCodeCamp curriculum might help you:

https://www.freecodecamp.org/learn/full-stack-developer/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/what-is-fixed-and-sticky-positioning

Thank you so much! I can’t believe it was so easy! I couldn’t figure it out!
cheers

It’s definitely easier once you learn how. Why not continue with the course, who knows what else you might learn.