2 files changed, 20 insertions, 2 deletions
diff --git a/src/components/layout/layout.module.css b/src/components/layout/layout.module.css
index abcf876..7a6a818 100644
--- a/src/components/layout/layout.module.css
+++ b/src/components/layout/layout.module.css
@@ -33,6 +33,16 @@
   padding: var(--container-padding) 0;
 }
 
+.layout header a#siteTitle {
+  color: inherit;
+  text-decoration: none;
+  font-family: var(--font-family-heading);
+
+  &:hover {
+    text-decoration: initial;
+  }
+}
+
 .layout nav {
   grid-row: 2 / 3;
   grid-column: 1 / 2;
@@ -49,6 +59,15 @@
   background-clip: padding-box;
 }
 
+.layout main h1,
+.layout main h2,
+.layout main h3,
+.layout main h4,
+.layout main h5,
+.layout main h6 {
+  font-family: var(--font-family-heading);
+}
+
 .layout footer {
   grid-column: 2 / 3;
   grid-row: 3 / 4;
diff --git a/src/components/layout/mod.rs b/src/components/layout/mod.rs
index 4b8061e..e688f5f 100644
--- a/src/components/layout/mod.rs
+++ b/src/components/layout/mod.rs
@@ -9,13 +9,12 @@ pub fn Layout() -> impl IntoView {
     view! {
         <div class=styles::layout>
             <header>
-                <h1>Site Title</h1>
+                <a href="/" id="siteTitle">Site Title</a>
             </header>
             <nav>
                 <p>Nav</p>
             </nav>
             <main>
-                <p>Article</p>
                 <Outlet/>
             </main>
             <footer>