formatting fixes, container overflows

_layouts/post.html

@@ -20,7 +20,7 @@
         <article>
             <div id="content" class="use-ibm">
                 <div id="title">
-                    <h1>{{ page.title }}</h1>
+                    <h2>{{ page.title }}</h2>
                 </div>
                 <div id="date">
                     <p>{{ page.date | date: "%a, %d %b %Y, %r" }}</p>

assets/css/post.css

@@ -19,6 +19,10 @@ body {
     background-attachment: fixed;
 }
 
+p, h1 {
+    word-wrap: anywhere;
+}
+
 a {
     color: green;
 }
@@ -32,7 +36,7 @@ p > img {
     margin-bottom: 10px;
 }
 
-.use-ibm > p {
+.use-ibm > p, .use-ibm > ol > li > p, li::marker {
     font-family: "IBM VGA", monospace;
     font-size: 1.125em;
 }