Style header bar

src/routes/+layout.svelte

@@ -13,7 +13,7 @@
 
     <div class="section" data-title="software">
       <br />
-      <a href="/software">implementations</a>
+      <a href="/software">known software</a>
     </div>
   </div>
   <slot />
@@ -31,6 +31,13 @@
     justify-content: center;
     align-items: baseline;
   }
+  #header {
+    background: #222;
+    padding: 3px 0;
+  }
+  #header a {
+    color: #fff;
+  }
 
   .spacer {
     width: 2em;
@@ -38,6 +45,9 @@
 
   .section::before {
     content: attr(data-title) ":";
-    color: #aaa;
+    color: #bbb;
+
+    font-size: 0.8em;
+    font-weight: bold;
   }
 </style>