diff --git a/docs/index.html b/docs/index.html
index d9ec359..1213de6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -74,7 +74,14 @@
   </head>
 
   <body>
-    <h1>Water.css</h1>
+    <div class="navbar">
+      <h1 style="text-align: center;">Water.css</h1>
+    </div>
+
+    <div class="spacer">
+      &nbsp;
+    </div>
+    
 
     <p>
       Water.css is a drop-in collection of CSS styles to make simple websites like this just a
diff --git a/docs/style.css b/docs/style.css
index a0c3fc9..650e354 100755
--- a/docs/style.css
+++ b/docs/style.css
@@ -57,6 +57,20 @@ body > footer {
   text-align: right;
 }
 
+.navbar {
+  position: fixed;
+  z-index: 10;
+  top: 0;
+  backdrop-filter: saturate(180%) blur(20px);
+  width: 100vw;
+  left: 0;
+}
+
+.spacer {
+  width: 100%;
+  height: 48px;
+}
+
 .row {
   display: flex;
   flex-wrap: wrap;
