diff --git a/public/main.css b/public/main.css
index 002777a..d8878fd 100644
--- a/public/main.css
+++ b/public/main.css
@@ -20,18 +20,6 @@ a:hover {
 	text-decoration: none;
 }
 
-pre {
-	white-space: pre-wrap;
-}
-
-kbd {
-	padding: 0.3em 0.4em 0.2em;
-	border-radius: 0.5em;
-	background-color: #fff;
-	border-bottom: 1px solid #ddd;
-	vertical-align: middle;
-}
-
 
 
 body {
@@ -281,6 +269,32 @@ main header {
 	font-size: 100%;
 }
 
+kbd, code {
+	padding: 0.3em 0.4em 0.2em;
+	border-radius: 0.5em;
+	vertical-align: middle;
+
+	font-family: "Source Code Pro", monospace;
+	font-size: 90%;
+
+	white-space: pre-wrap;
+	white-space: break-spaces;
+}
+kbd {
+	background-color: #fff;
+	border-bottom: 1px solid #ddd;
+}
+code {
+	background-color: #efe5e0;
+	color: #222;
+}
+pre code {
+	padding: 0;
+	border-radius: 0;
+	background-color: transparent;
+	color: inherit;
+}
+
 
 
 #social {