How to offset navbar to fit the viewport

I have a few simple buttons on the navbar that are used to navigate between different sections of the page. But, when those buttons are clicked, a part of the sections (top part) gets behind the navbar. I want the navigation to start from the section the title. How can I achieve this?
This is how it is now (title behind the navbar): h ttps://i.hizliresim.com/h9uoyba.jpg
This is how I want it to be: h ttps://i.hizliresim.com/591fw6j.jpg
Link to the page: h ttps://umitseyhan.codeberg.page/

Your link is not working. Provide your code here.

Just remove the space at the beginning of each link.

Hey Buddy,
You are doing good and you’ve got a good approach.

Here the only issue can be with the position property used in the navbar and the viewport.
If you can provide your code here. Then possibly I could help you in a better way.

Thanks.

h ttps://codeberg.org/umitseyhan/pages