src/App.scss

@@ -7,7 +7,7 @@
 }
 
 html {
-  font-size: 18px;
+  font-size: 14px;
   // overflow-x: clip causes my browser's tab to crash with SIGILL lul
 }
 
@@ -127,7 +127,7 @@ nav {
   box-shadow: var(--topBarShadow);
   box-sizing: border-box;
   height: var(--navbar-height);
-  position: relative;
+  position: fixed;
 }
 
 #sidebar {
@@ -135,7 +135,7 @@ nav {
 }
 
 .column.-scrollable {
-  top: 0;
+  top: var(--navbar-height);
   position: sticky;
 }
 
@@ -297,7 +297,7 @@ nav {
       margin-left: 0;
       margin-right: 0;
       padding-top: 0;
-      margin-top: 0;
+      margin-top: var(--navbar-height);
       margin-bottom: 0;
     }
 
@@ -339,7 +339,7 @@ nav {
   cursor: pointer;
   box-shadow: $fallback--buttonShadow;
   box-shadow: var(--buttonShadow);
-  font-size: 0.8em;
+  font-size: 1em;
   font-family: sans-serif;
   font-family: var(--interfaceFont, sans-serif);
 

src/components/timeline/timeline.scss

@@ -23,7 +23,6 @@
 
     .timeline-heading {
       .button-default, .alert {
-	position: sticky;
         line-height: 2em;
         width: 100%;
       }

src/panel.scss

@@ -81,7 +81,7 @@
 
   &.-sticky {
     position: sticky;
-    top: 0;
+    top: var(--navbar-height);
   }
 
   &::after,