diff --git a/TUTORIAL.md b/TUTORIAL.md
index 2f2b8f4..94828e8 100644
--- a/TUTORIAL.md
+++ b/TUTORIAL.md
@@ -1,3 +1,8 @@
+---
+---
+<title>Preserves: a tutorial</title>
+<link rel="stylesheet" href="preserves.css">
+
 # Preserves: a tutorial
 
 By Christopher Lemmer Webber and Tony Garnock-Jones
diff --git a/_config.yml b/_config.yml
index 56081e5..57245d9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,4 +1,7 @@
 # exclude: [implementations]
 
+markdown: kramdown
+highlighter: rouge
+
 baseurl: "/preserves"
 url: "/"
diff --git a/preserves.css b/preserves.css
index 0c33afb..2b96ec3 100644
--- a/preserves.css
+++ b/preserves.css
@@ -77,3 +77,17 @@ th {
 td {
     padding-right: 0.5rem;
 }
+
+/*---------------------------------------------------------------------------*/
+/* Rouge syntax classes */
+
+pre.highlight span.dl { color: #888; }
+pre.highlight span.k { color: #4f81bd; }
+pre.highlight span.kc { color: #4f81bd; }
+pre.highlight span.kd { color: #4f81bd; }
+pre.highlight span.nb { color: #4f81bd; }
+pre.highlight span.nl { color: #4f81bd; }
+pre.highlight span.nx { color: #4f81bd; }
+pre.highlight span.o { color: #4f81bd; }
+pre.highlight span.p { color: #888; }
+pre.highlight span.s2 { color: #ff8844; }