diff --git a/static/css/style.css b/static/css/style.css
index 11d2721..066043c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -694,14 +694,17 @@ mark {
     background-color: #ffc336
 }
 
-code {
+code,
+tt {
     position: relative;
     margin: 0 0.333em;
-    padding: 0.222em 0.666em;
+    padding: 0.333em 0.666em;
     font-family: 'Fira Mono', monospace, sans-serif;
-    font-size: 0.80em;
+    font-size: 0.75em;
     white-space: pre;
     background: #faf9f7;
+    border: 1px solid #e5e4e1;
+    top: -2px
 }
 
 pre {
@@ -711,17 +714,13 @@ pre {
     overflow: hidden;
     font-family: Fira Mono, monospace, sans-serif;
     white-space: pre;
+    background: #faf9f7;
+    border: 1px solid #e5e4e1;
     box-sizing: border-box;
+    font-size: .80em;
     width:110%;
     margin-left: -5%
-}
 
-pre code {
-    margin:0;
-    padding:0;
-    background:transparent;
-    overflow: scroll;
-    border:none;
 }
 
 pre .lines {
@@ -745,6 +744,35 @@ pre .lines .line {
     color: #45484d
 }
 
+pre code,
+pre tt {
+    position: static;
+    top: auto;
+    margin: -1.333em -1.333em -1.333em 1.333em;
+    padding: 1.333em;
+    overflow: scroll;
+    font-size: 0.75em;
+    line-height: 2em;
+    white-space: pre;
+    background: transparent;
+    border: none;
+    vertical-align: inherit
+}
+
+kbd {
+    display: inline-block;
+    margin-bottom: 0.5em;
+    padding: 1px 8px;
+    border: #e5e4e1 1px solid;
+    color: #45484d;
+    text-shadow: #fff 0 1px 0;
+    font-size: 0.9em;
+    font-weight: bold;
+    background: #faf9f7;
+    border-radius: 4px;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset
+}
+
 table {
     width: 100%;
     max-width: 100%;