diff --git a/assets/_markdown.scss b/assets/_markdown.scss
index d2a33ff..e027e1e 100644
--- a/assets/_markdown.scss
+++ b/assets/_markdown.scss
@@ -16,7 +16,7 @@ $block-border-radius: 0.15rem;
   }
 
   p code {
-    padding: $padding-1 $padding-4;
+    padding: 0 $padding-4;
     background: $gray-100;
     border-radius: $block-border-radius;
   }
diff --git a/assets/styles.scss b/assets/styles.scss
index e21beab..5d44a1d 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -103,13 +103,13 @@ a {
 
     > ul {
       margin: $size-48 0;
-      padding: 0 $padding-16;
+      padding: 0 $padding-8;
       border-left: $padding-1 solid $gray-200;
     }
   }
 
   ul {
-    padding-left: $padding-4;
+    padding-left: $padding-8;
     list-style: none;
   }
 
diff --git a/images/.DS_Store b/images/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/images/.DS_Store differ
diff --git a/images/screenshot.png b/images/screenshot.png
new file mode 100644
index 0000000..597f29b
Binary files /dev/null and b/images/screenshot.png differ
diff --git a/images/tn.png b/images/tn.png
new file mode 100644
index 0000000..05df99a
Binary files /dev/null and b/images/tn.png differ
diff --git a/layouts/partials/docs/html-head.html b/layouts/partials/docs/html-head.html
index bf7db42..ecf8a4c 100644
--- a/layouts/partials/docs/html-head.html
+++ b/layouts/partials/docs/html-head.html
@@ -1,7 +1,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700" rel="stylesheet">
 <link href="/css/pure-min.css" rel="stylesheet">
 <!-- <link href="/css/grids-responsive-min.css" rel="stylesheet"> -->