add a navpusher to fix nav's overlapping issues

due to the "sticky" nature of the navigation bar used in the site content would get pushed under it and hidden
another element with the height of the navbar has been added that now fixed this issue

styles/globals.scss

@@ -18,6 +18,9 @@ body {
 	scrollbar-width: none; /* Firefox */
 }
 
+.navpusher {
+	height: 4rem;
+}
 nav.main {
 	z-index: 1;
 	height: 4rem;