Activating Bootstrap navbar scrollspy

Hello, so I am making my personal portfolio and I can’t figure out how to make my navbar items “active” while I am scrolling that page, furthermore when I click them they don’t send me to the top of the div element, it’s always a few pixels below, I tried to use the data-offset to correct it but it doesn’t seem to make any difference. I already checked a few examples where the navbar elements properly “activate” and I can’t find where the difference is.

here is the link

thank you