Card classes: dashed & elevated; global headings font-size

src/layouts/Layout.astro

@@ -61,9 +61,16 @@ const { title, description } = Astro.props;
 	}
 
 	.card {
-		border: 0.125rem dashed var(--bg-sec);
 		border-radius: var(--bdrs);
 		padding: 0.625rem;
+
+		&.card-dashed {
+			border: 0.125rem dashed var(--bg-sec);
+		}
+
+		&.card-elevated {
+			background: var(--accent-bg);
+		}
 	}
 
 	hgroup > * {
@@ -87,6 +94,10 @@ const { title, description } = Astro.props;
 		font-size: 1.1rem;
 	}
 
+	h1, h2, h3, h4, h5, h6 {
+		margin: 0;
+	}
+
 	a, .link {
 		color: var(--accent-fg);
 		text-decoration: none;

src/pages/index.astro

@@ -23,7 +23,7 @@ const description =
 			<Profile app="Discord" icon="&#xf392;" name="DarkCat09#5587" url="https://discord.com/app" copyName />
 		</section>
 	</article>
-	<article class="card" id="about">
+	<article class="card card-dashed" id="about">
 		<ul>
 			<ListItem icon="&#xf05a;">
 				<a href="https://t.me/dc09about" target="_blank">