Header

header/header.css

@@ -1 +1,43 @@
 /* Header CSS */
+header {
+    font-family: "Roboto Mono", monospace;
+    font-optical-sizing: auto;
+    font-weight: 600;
+    font-style: normal;
+    font-size: 14pt;
+
+    height: 1.5rem;
+    width: calc(100% - 1.5rem);
+
+    margin-bottom: 0.25rem;
+    padding: 0.5rem;
+    border-width: 3px;
+    border-style: solid;
+
+    position: sticky;
+    top: 0;
+
+    display: flex;
+
+    #hd-left {
+        width: min-width;
+        padding-left: 0.25rem;
+        padding-right: 0.25rem;
+        font-style: italic;
+    }
+
+    #hd-mid {
+        width: 100%;
+    }
+
+    #hd-right {
+        width: min-width;
+        padding-left: 0.25rem;
+        padding-right: 0.25rem;
+    }
+
+    .spacer {
+        width: 2rem;
+        display: block;
+    }
+}

header/header.html

@@ -1 +1,16 @@
 <!-- Site header -->
+<link
+  rel="stylesheet"
+  href="/header/header.css"
+  type="text/css"
+  media="screen"
+/>
+<div id="hd-left">nekoapril.blog</div>
+<div id="hd-mid"></div>
+<div id="hd-right">
+  <span>Home</span>
+  <span class="spacer"></span>
+  <span>Kinks</span>
+  <span class="spacer"></span>
+  <span>Gear</span>
+</div>