css fixes

static/styles/global.css

@@ -3,6 +3,10 @@ body, html {
   padding: 0;
 }
 
+body {
+  word-break: break-all;
+}
+
 #main {
   box-sizing: border-box;
   min-height: 100vh;
@@ -43,8 +47,7 @@ p {
 
 h1, h2, h3, h4, h5, h6 {
   font-family: Verdana, sans-serif;
-  margin: 0;
-  margin-bottom: 5px;
+  margin: 10px 0px 5px 0px;
 }
 
 ul {

static/styles/index.css

@@ -4,7 +4,7 @@ h2 {
 
 #fancy-title:checked ~ h2 {
   color: white;
-  padding-right: 0px 4px;
+  padding-right: 4px;
   background-color: dodgerblue;
   text-shadow: 1px 1px 1px gray, 4px 4px 1px blue;
 }

templates/components/makoto-styling.html

@@ -32,4 +32,8 @@
     padding: 2px 5px;
     border: 1px solid black;
   }
+
+  sup {
+    font-size: 0.75rem;
+  }
 </style>