mobile friendly

static/theme.css

@@ -35,8 +35,19 @@ header {
     padding-bottom: 0.5rem;
 }
 
+@media screen and (orientation:portrait) {
+    header img {
+        display: none
+    }
+    header {
+        font-size: 14px;
+        line-height: 18px;
+    }
+}
+
 a {
     color: var(--theme-accent);
+    word-wrap: break-word;
 }
 
 header a {
@@ -46,6 +57,7 @@ header a {
 header>* {
     margin-left: 0.25rem;
     margin-right: 0.25rem;
+    border: 0 transparent;
 }
 
 header nav {
@@ -89,6 +101,13 @@ article {
     max-width: 90vw;
 }
 
+@media screen and (orientation:portrait) {
+    article {
+        font-size: 16px;
+        line-height: 19px;
+    }
+}
+
 article h3,
 section h3,
 article h4,
@@ -160,8 +179,7 @@ article code>span {
 }
 
 code,
-pre,
-a {
+pre {
     word-wrap: break-word;
     white-space: break-spaces;
 }