fix: fix weird CSS rules

Author: PalmDevs

src/layout/Hero/HeroSection.svelte

@@ -28,10 +28,6 @@
 		margin-bottom: 2rem;
 	}
 
-	.hero {
-		padding-bottom: 9rem;
-	}
-
 	.hero-text {
 		align-items: center;
 	}

src/layout/Navbar/NavHost.svelte

@@ -202,17 +202,10 @@
 	}
 
 	#nav-container {
+		top: 0;
 		position: sticky;
 		z-index: 666;
 		width: 100%;
-
-		&:has(.nav-buttons > li:first-child.selected) {
-			margin-bottom: 2.65rem;
-
-			&:has(.banner) {
-				margin-bottom: 1.5rem;
-			}
-		}
 	}
 
 	nav {

src/routes/+page.svelte

@@ -152,6 +152,7 @@
 		}
 	}
 	main {
+		padding-block: 2rem;
 		display: flex;
 		flex-direction: column;
 		gap: 1.5rem;