Fix the contact page.

assets/css/style.css

@@ -286,10 +286,10 @@ a:not(:has(img)):hover {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	text-align: left;
-	padding: 5rem 2rem 8rem 2rem;
-	color: #fff;
-	flex: 1;
+	text-align: center;
+	max-width: 800px;
+	margin: 0 auto;
+	padding: 5rem 2rem 8rem;
 }
 
 .project-page h1,
@@ -297,7 +297,8 @@ a:not(:has(img)):hover {
 .project-page h3 {
 	font-family: "Clockopia", sans-serif;
 	color: #fff5a8;
-	margin-bottom: 1rem;
+	margin-top: auto;
+	margin-bottom: auto;
 }
 
 .project-page a {
@@ -310,19 +311,19 @@ a:not(:has(img)):hover {
 }
 
 .project-page ul {
-	list-style: disc;
-	margin-left: 2rem;
-	margin-bottom: 1.5rem;
-	color: #ccc;
-	line-height: 1.7;
+	text-align: left;
+	margin: auto;
+	max-width: 600px;
 }
 
+
 .project-page p {
 	max-width: 700px;
-	line-height: 1.8;
-	margin-bottom: 1rem;
+	line-height: 1.5;
+	margin-bottom: auto;
 }
 
+
 /* === RESPONSIVE FIXES === */
 @media (max-width: 900px) {
 	body {

pages/contact.html

@@ -40,6 +40,7 @@
 	</nav>
 
 	<div class="content project-page">
+	<div class="middle">
   		<h1>Contact Me</h1>
   		<p>You can contact me using those ways, but I would preffer if you used XMPP, or Email.</p>
 			<ul>
@@ -55,11 +56,11 @@
 			When using email if you can please encrypt it with PGP. <a href="/0CB52690CD644413EF66A21CAEF2F9A8C0334670.asc" target="_blank">You can get my public key here.</a>
 		</p>
 		<p>Messages in both English or Polish are okay :D</p>
-		
 		<p>
 			<a href="/">← Back to home page</a>
 		</p>
 	</div>
+	</div>
 
 	<div class="footer">
 		Purplebored &copy; 2023-2025 |

pages/projects.html

@@ -47,7 +47,6 @@
 	</nav>
 	
 
-	<!-- MAIN CONTENT -->
 	<div class="content project-page">
 	<div class="middle">
 		<h1>My Projects:</h1>