Improve Markdown header styling

Author: carlbennett

src/static/a/main-mobile.css

@@ -114,12 +114,24 @@ main > article:last-of-type,
 main.slim > article:last-of-type {
   margin-bottom: 0px;
 }
-main > article > header {
+main > article > header,
+main > article h1 {
   background-color: rgba(64,64,64,0.6);
   display: block;
   font: 14pt source sans pro;
   padding: 10px;
 }
+main > article h1 {
+  margin: 10px 0px;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+main > article h1:first-child {
+  margin-top: 0px;
+}
+main > article h1:last-child {
+  margin-bottom: 0px;
+}
 main > article > header.no-select {
   cursor: default;
   -webkit-touch-callout: none;
@@ -364,3 +376,22 @@ hr {
   border: 0px;
   height: 5px;
 }
+h1,h2,h3,h4,h5,h6 {
+  margin: 10px 0px 0px 0px;
+}
+h2 {
+  border-bottom: 1px solid rgba(255,255,255,0.05);
+  font-size: 13pt;
+}
+h3 {
+  font-size: 12pt;
+}
+h4 {
+  font-size: 11pt;
+}
+h5 {
+  font-size: 10pt;
+}
+h6 {
+  font-size: 9pt;
+}

src/static/a/main.css

@@ -111,12 +111,24 @@ main.slim > article {
   margin: 0px;
   overflow: hidden;
 }
-main > article > header {
+main > article > header,
+main > article h1 {
   background-color: rgba(64,64,64,0.6);
   display: block;
   font: 14pt source sans pro;
   padding: 10px;
 }
+main > article h1 {
+  margin: 10px 0px;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+main > article h1:first-child {
+  margin-top: 0px;
+}
+main > article h1:last-child {
+  margin-bottom: 0px;
+}
 main > article > header.no-select {
   cursor: default;
   -webkit-touch-callout: none;
@@ -379,3 +391,22 @@ hr {
   border: 0px;
   height: 5px;
 }
+h1,h2,h3,h4,h5,h6 {
+  margin: 10px 0px 0px 0px;
+}
+h2 {
+  border-bottom: 1px solid rgba(255,255,255,0.05);
+  font-size: 13pt;
+}
+h3 {
+  font-size: 12pt;
+}
+h4 {
+  font-size: 11pt;
+}
+h5 {
+  font-size: 10pt;
+}
+h6 {
+  font-size: 9pt;
+}