many thing

assets/base.css

@@ -39,7 +39,7 @@ main {
     overflow: hidden auto;
     width: 100%;
     height: 100%;
-    padding: 0 16px;
+    padding: 16px;
     box-sizing: border-box;
 }
 
@@ -49,10 +49,11 @@ t {
     color: var(--c-title)
 }
 
-.header {
+.ascii {
     font-family: "nya";
     color: var(--c-fg);
-    white-space: pre
+    white-space: pre;
+    display: none
 }
 
 p {
@@ -79,4 +80,12 @@ ul {
 
 li {
     list-style: none;
+}
+
+/* here are some @media rules to choose when to display ascii art */
+
+@media screen and (min-width: 420px) {
+    .ascii-1 {
+        display: block
+    }
 }