diff --git a/src/components/BlogHeader.astro b/src/components/BlogHeader.astro
index 2078b82..fe03947 100644
--- a/src/components/BlogHeader.astro
+++ b/src/components/BlogHeader.astro
@@ -11,7 +11,7 @@ const { title, date } = Astro.props;
 
 <div class="blog-header">
   <h2>{title}</h2>
-  <h4>
+  <h3 style={{ fontSize: "1.1rem" }}>
     {`🗓️ ${formatInTimeZone(new Date(date), "America/New_York", "MMM do, y")}`}
-  </h4>
+  </h3>
 </div>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 6ab9851..0b2ada8 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -20,6 +20,10 @@ const title = Astro.props.frontmatter
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
+    <meta
+      name="description"
+      content="A personal blog about life, gaming, tech, and whatever else I feel like writing about."
+    />
     <title>{`ghall.blog - ${title}`}</title>
   </head>
   <body class="container">
diff --git a/src/styles/global.css b/src/styles/global.css
index 9744064..c667bde 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -3,6 +3,7 @@
   src: url(./fonts/Manrope-Regular.ttf) format("truetype");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -10,13 +11,14 @@
   src: url(./fonts/Manrope-Bold.ttf) format("truetype");
   font-weight: bold;
   font-style: normal;
+  font-display: swap;
 }
 
 :root {
   --blue: #3274ce;
   --red: #ce3446;
   --orange: #e56045;
-  --text: #757575;
+  --text: #444444;
   --background: white;
 }
 
