diff --git a/index.html b/index.html
index 9695006..862786c 100644
--- a/index.html
+++ b/index.html
@@ -168,6 +168,7 @@
 </div>
 
 <p>
+    <div id="beast-mode" onclick="invert_colors()">Invert colors.</div>
     <a href="https://github.com/ggreer/lscolors">
     <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" /></a>
 </p>
diff --git a/lscolors.css b/lscolors.css
index 1e29486..9851038 100644
--- a/lscolors.css
+++ b/lscolors.css
@@ -1,7 +1,7 @@
 div.fixed
 {
     border-width: 0px;
-    font-family: monospace;
+    font-family: Menlo, "Deja Vu Sans Mono", Consolas, monospace;
     font-size: 10pt;
     padding: 0px;
     white-space: pre;
@@ -24,13 +24,13 @@ div.colorPicker
 
 div.ls
 {
-    font-family: monospace;
+    font-family: Menlo, "Deja Vu Sans Mono", Consolas, monospace;
     font-weight: normal;
     white-space: pre;
 }
 
 span#cursor
 {
-    font-family: monospace;
+    font-family: Menlo, "Deja Vu Sans Mono", Consolas, monospace;
     white-space: pre;
 }