new post

src/components/BlogHeader.astro

@@ -15,25 +15,28 @@ const { title, date, slug } = Astro.props;
 	<h2>
 		{slug ? <a href={`/posts/${slug}`}>{title}</a> : title}
 	</h2>
-	<h3>
+	<div class="date">
 		<Icon size={24} class="calendar-icon" name="calendar" />
 		<span>{format(add(new Date(date), { hours: 6 }), 'MMM do, y')}</span>
-	</h3>
+	</div>
 </div>
 
 <style>
 	h2,
 	h2 a {
-		font-size: 1.5rem;
+		font-size: 1.6rem;
 		font-family: Oswald, sans-serif;
 		margin-bottom: 0.5rem;
 	}
 
-	h3 {
+	.date {
 		display: flex;
 		align-items: center;
 		gap: 6px;
-		font-weight: lighter;
-		font-size: 0.3em;
+	}
+
+	.date span {
+		font-family: Oswald, sans-serif;
+		font-size: 1.1rem;
 	}
 </style>