Refactor Layout structure by moving main content into a <main> tag for better semantic HTML and fix background

src/layouts/Layout.astro

@@ -12,7 +12,9 @@ import Header from "@components/Header.astro";
 		<title>Asis Ferrer Porfolio</title>
 	</head>
 	<Header />
-	<body class="antialiased bg-gradient-to-b from-[#111827] via-[#111827] to-[#1f2937]">
+	<body class="antialiased">
+		<main class="bg-gradient-to-b from-[#111827] via-[#111827] to-[#1f2937]">
 			<slot />
+		</main>
 	</body>
 </html>