diff --git a/app/views/shared/header.asp b/app/views/shared/header.asp
index 8913f38..15c1b9e 100644
--- a/app/views/shared/header.asp
+++ b/app/views/shared/header.asp
@@ -40,16 +40,20 @@ End If
   <meta charset="utf-8" />
   <title><%= H(pageTitle) %> &mdash; BrainOrdure</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap" rel="stylesheet" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet" />
   <link href="/css/site.css" rel="stylesheet" />
 </head>
 <body>
 
-  <nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm">
+  <div class="site-topbar"></div>
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm sticky-top">
     <div class="container">
       <a class="navbar-brand brand" href="/">
-        BrainOrdure<span class="brand-tagline">a blog</span>
+        BrainOrdure<span class="brand-tagline">magazine</span>
       </a>
 
       <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
