Space out headers & images. Tweak inline code format.

theme/static/css/style.css

@@ -95,6 +95,14 @@ img.profile {
 }
 
 /* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-top: 1em;
+}
 h1 {
     font-size: 1.5em;
     font-family: 'Headland One', serif;
@@ -216,11 +224,10 @@ pre {
 }
 code {
     max-width: 100%;
-    border: 1px solid #f28c26;
-    border-radius: .3em;
-    background: #eee;
+    border-radius: .15em;
+    border: 2px solid rgba(242, 140, 38, 0.55);
     font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
-    padding: .1em;
+    padding: .05em .1em;
     margin: .1em;
     font-size: .9em;
     display: inline-block;
@@ -371,6 +378,7 @@ main {
 }
 main img {
     max-width: 100%;
+    margin: .5em auto;
 }
 main .hero {
     display: block;
@@ -386,6 +394,10 @@ main header h2 ~ .time {
     margin-top: -1em;
 }
 
+main li {
+    margin-top: .5em;
+}
+
 
 /********** Footer **********/
 body > footer {