diff --git a/assets/style.css b/assets/style.css
index c7aafb4..de296ed 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -5,7 +5,25 @@ html {
 	color: #000;
 }
 
-/* TODO code, pre, tt, codeblocks */
+code, pre, var {
+	font-family: 'Roboto Mono', monospace;
+	font-weight: 300;
+}
+
+pre {
+	margin: 0.3em;
+	padding-left: 0.5em;
+	border-left: 2pt dotted #fc8;
+}
+
+code, var {
+	border: 2pt dotted #fc8;
+	border-radius: 0.2em;
+}
+
+pre code, pre var {
+	border: none;
+}
 
 a {
 	text-decoration: none;
diff --git a/templates/head.html b/templates/head.html
index 3955676..7130122 100644
--- a/templates/head.html
+++ b/templates/head.html
@@ -9,6 +9,6 @@
   </title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="{{root}}/style.css" />
 </head>