Update css

src/styles/Home.css

@@ -1,10 +1,10 @@
+main > section {
+	min-height: 80vh;
+}
+
 main > section > :is(h1, h2) {
 	font-size: 2.5rem;
 	margin: 0;
 	text-align: center;
 	text-transform: uppercase;
 }
-
-main > section {
-	min-height: 80vh;
-}

src/styles/Layout.css

@@ -34,23 +34,29 @@ img {
 
 main {
 	display: flex;
-	gap: 2rem;
+	gap: 3rem;
 	flex-direction: column;
 	align-items: center;
 	padding-bottom: 10em;
 }
 
 main > section {
-	scroll-margin-top: 9rem;
 	display: flex;
 	flex-direction: column;
 	border-radius: 1rem;
 	background: rgb(0 0 0 / 0.3);
 	padding: 2rem;
 	width: 90%;
+	scroll-margin: 1rem;
 	transition: scale 0.2s;
 }
 
 main > section:hover {
 	scale: 1.03;
 }
+
+@media (min-width: 500px) {
+	main > section {
+		scroll-margin: 6rem;
+	}
+}

src/styles/Nav.module.css

@@ -1,5 +1,6 @@
 .nav {
 	display: flex;
+	width: 100%;
 	align-items: center;
 	justify-content: space-between;
 	font-weight: bold;

src/styles/Project.module.css

@@ -1,7 +1,3 @@
-main {
-	padding: 2em 0;
-}
-
 .overview {
 	width: 100%;
 	padding: 20px;