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 {