Using Snap Scroll and Linking to Sections

Design help Animations & Interactions
1

Hi All,

Im using a snap scroll on my website but cant get my navigation to take the user to a different section of the page. Ive added IDs to each section but its as if the snap scroll is stopping the links from working. This is snap scroll code Im using:

<style>

/* scroll snap */
.scroll-snap-container {
  	scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-y: snapInterval(0%, 100%);
  
}
.section-1 {
	scroll-snap-align: start;

}
.section-2 {
	scroll-snap-align: start;

}
.section-3 {
	scroll-snap-align: start;
  
}
.section-4 {
	scroll-snap-align: start;

}
.section-5 {
	scroll-snap-align: start;
  
}
/* hide scrollbars */
.scroll-snap-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
		}
.scroll-snap-container::-webkit-scrollbar { 
    display: none;
		}
</style>

Any thoughts here would be incredible.
Thank you!

Here is my public share link: LINK
(how to access public share link)