Less padding

src/styles/Portfolio.module.css

@@ -1,45 +1,45 @@
 .portfolioItems {
-    display: flex;
-    gap: 30px;
-    flex-wrap: wrap;
-    justify-content: center;
-    padding: 30px;
+	display: flex;
+	gap: 30px;
+	flex-wrap: wrap;
+	justify-content: center;
+	padding: 30px;
 }
 
 .portfolioItems a {
-    color: var(--text-primary);
+	color: var(--text-primary);
 }
 
 .portfolioItems a:not(:hover) {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 .portfolioItems img {
-    border-radius: 1rem;
-    background: #f5f5f5;
-    box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),
-        -0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22);
-    height: 13em;
-    width: 13em;
+	border-radius: 1rem;
+	background: #f5f5f5;
+	box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),
+		-0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22);
+	height: 13em;
+	width: 13em;
 }
 
 .portfolioItems div {
-    background: rgba(0, 0, 0, 0.3);
-    border-bottom-left-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-    bottom: 0;
-    color: #f5f5f5;
-    font-size: 1em;
-    left: 0%;
-    padding: 0.1em;
-    position: absolute;
-    text-align: center;
-    width: 100%;
+	background: rgba(0, 0, 0, 0.3);
+	border-bottom-left-radius: 1rem;
+	border-bottom-right-radius: 1rem;
+	bottom: 0;
+	color: #f5f5f5;
+	font-size: 1em;
+	left: 0%;
+	padding: 0.1em;
+	position: absolute;
+	text-align: center;
+	width: 100%;
 }
 
 .projectName {
-    display: flex;
-    justify-content: center;
-    margin: 0;
-    padding: 5px;
+	display: flex;
+	justify-content: center;
+	margin: 0;
+	padding: 5px;
 }

src/styles/index.css

@@ -42,7 +42,7 @@ svg {
 
 section:not(section section) {
 	background: var(--secondary);
-	padding: 10rem 0;
+	padding: 3rem 0;
 }
 
 section:nth-child(2n):not(section section) {