fresh <PageTitle> look

app/notes/[slug]/page.module.css

@@ -1,7 +1,7 @@
 .meta {
   display: inline-flex;
   flex-wrap: wrap;
-  font-size: 0.825em;
+  font-size: 0.925em;
   line-height: 2.3;
   letter-spacing: 0.04em;
   color: var(--colors-medium);
@@ -46,7 +46,7 @@
 
 .title {
   margin: 0.3em 0 0.5em -1px; /* misaligned left margin, super nitpicky */
-  font-size: 2.1em;
+  font-size: 2.3em;
   line-height: 1.3;
   font-weight: 700;
 }
@@ -68,6 +68,6 @@
 
 @media (max-width: 768px) {
   .title {
-    font-size: 1.8em;
+    font-size: 1.9em;
   }
 }

app/notes/[slug]/page.tsx

@@ -1,6 +1,5 @@
 import { Suspense } from "react";
 import { ErrorBoundary } from "react-error-boundary";
-import Content from "../../../components/Content";
 import Link from "../../../components/Link";
 import Time from "../../../components/Time";
 import Comments from "../../../components/Comments";
@@ -145,9 +144,7 @@ export default async function Page({ params }: { params: Promise<{ slug: string
         />
       </h1>
 
-      <Content>
-        <MDXContent />
-      </Content>
+      <MDXContent />
 
       {!frontmatter.noComments && (
         <div id="comments" className={styles.comments}>

app/notes/page.module.css

@@ -5,10 +5,10 @@
 }
 
 .section:first-of-type {
-  margin-top: 0;
+  margin-top: 0.25em;
 }
 .section:last-of-type {
-  margin-bottom: 0;
+  margin-bottom: 0.25em;
 }
 
 .year {

app/notes/page.tsx

@@ -1,4 +1,3 @@
-import Content from "../../components/Content";
 import Link from "../../components/Link";
 import Time from "../../components/Time";
 import { getAllPosts } from "../../lib/helpers/posts";
@@ -59,5 +58,5 @@ export default async function Page() {
   // grouped posts enter this component ordered chronologically -- we want reverse chronological
   const reversed = sections.reverse();
 
-  return <Content>{reversed}</Content>;
+  return <>{reversed}</>;
 }