Added a services page, might change it in the future

assets/css/style.css

@@ -235,6 +235,59 @@ a:not(:has(img)):hover { text-decoration: underline; }
 	image-rendering: pixelated;
 }
 
+.services-page {
+	max-width: 900px;
+	margin: 0 auto;
+	padding: 6rem 2rem 8rem 2rem;
+	text-align: left;
+	box-sizing: border-box;
+}
+
+.service-card {
+	background: rgba(255, 255, 255, 0.05);
+	border: 1px solid rgba(255, 255, 255, 0.08);
+	padding: 1.5rem;
+	margin: 1.5rem 0;
+	border-radius: 6px;
+	backdrop-filter: blur(6px);
+	box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
+}
+
+.service-card h2 {
+	font-family: "Clockopia", sans-serif;
+	color: #fff5a8;
+	margin-top: 0;
+	margin-bottom: .75rem;
+}
+
+.service-card ul {
+	margin-left: 1.25rem;
+	line-height: 1.7;
+	color: #ddd;
+}
+
+.service-card a {
+	color: #fff5a8;
+	text-decoration: none;
+}
+
+.service-card a:hover {
+	text-decoration: underline;
+}
+
+@media (max-width: 900px) {
+	.services-page {
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		padding-top: 5rem;
+		text-align: center;
+	}
+	.service-card ul {
+		text-align: left;
+	}
+}
+
+
 /* Background */
 #night {
 	position: fixed;