fix styles

assets/css/src/generic.css

@@ -2,7 +2,7 @@
   display: none;
 }
 
-.grid {
+body {
   background-size: var(--unit--horizontal) var(--unit--vertical);
   background-image: linear-gradient(
       to right,

assets/css/src/html.css

@@ -1,14 +1,23 @@
+html {
+  position: fixed;
+  height: 100%;
+  overflow: hidden;
+  overflow-x: hidden;
+}
+
 body {
   position: relative;
+  margin: 0;
+  width: 100vw;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
   box-sizing: border-box;
   background-color: var(--color-background);
   color: var(--color-primary);
 }
 
-html {
-  overflow-x: hidden;
-}
-
 main {
   position: relative;
   padding: 0 var(--unit--horizontal);

assets/css/src/nav.css

@@ -49,7 +49,7 @@
 .panel {
   position: fixed;
   width: 100%;
-  height: 100svh;
+  height: 100dvh;
   top: 0;
   background-color: #000;
   outline: 1px solid #fff;
@@ -61,6 +61,10 @@
   overflow: auto;
 }
 
+.panel ul {
+  margin-bottom: calc(var(--unit--vertical) * 4);
+}
+
 .panel--left {
   left: calc(-100% - var(--unit--horizontal) * 2 - 1px);
 }