[styles] Removed opensans font and did other styling tweaks

1 files changed, 17 insertions, 11 deletions

diff --git a/src/styles.css b/src/styles.css
index 08d5a75..163a231 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -46,8 +46,8 @@ body > * {
 }
 
 body, td, th {
-  font: 18px 'Open Sans', sans-serif;
-  line-height: 1.5em;
+  font: 18px sans-serif;
+  line-height: 1.3em;
 }
 
 img {
@@ -105,7 +105,7 @@ i, em {
 
 article {
   flex: 1;
-  max-width: 52.7em; /* Equivalent to 50em on 19px font-size */
+  max-width: 56em; /* Equivalent to 50em on 19px font-size */
   min-height: calc(100vh - 228px);
   overflow: auto;
   padding: 0 1em;
@@ -128,14 +128,26 @@ ul, ol {
 h1, h2, h3, h4, h5, h6, b {
   color: var(--header-color);
   border-color: var(--border-color);
+  line-height: 1.25em;
 }
 
 h1 {
   font-size: 1.7em;
-  line-height: 1.2em;
   margin-block-end: 0.5em;
 }
 
+h2 {
+  margin-top: 2.5em;
+}
+
+h3 {
+  margin-top: 2em;
+}
+
+h1 + *, h2 + a + *, h3 + a + *, h4 + a + *, h5 + a + *, h6 + a + * {
+  margin-top: 0;
+}
+
 h1 ~ h1 {
   margin-top: 0;
 }
@@ -169,9 +181,6 @@ h4 {
 
 h2, h3, h4, h5, h6 {
   display: inline-block;
-  margin-block-start: 1.25em;
-  margin-block-end: 0.16em;
-  line-height: 1.25em;
 }
 
 h2 + a, h3 + a, h4 + a, h5 + a, h6 + a {
@@ -182,7 +191,7 @@ h2 + a, h3 + a, h4 + a, h5 + a, h6 + a {
 h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img {
   height: 1.3em;
   border: none;
-  vertical-align: text-top;
+  vertical-align: text-bottom;
 }
 
 h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img, .icon, .file-icon, .file-wrapper > summary {
@@ -204,7 +213,6 @@ code {
   margin: 0;
   font-size: 85%;
   background-color: var(--code-bg-color);
-  border-radius: 3px;
 }
 
 pre code {
@@ -234,8 +242,6 @@ pre {
   font-size: 85%;
   line-height: 1.45;
   background-color: var(--pre-bg-color);
-  border-radius: 3px;
-  margin: 0;
   word-break: normal;
   word-wrap: normal;
 }