diff --git a/Makefile b/Makefile
index af25b1c18..9897dc5d5 100644
--- a/Makefile
+++ b/Makefile
@@ -6,7 +6,7 @@ build/MJLite.js: MJLite.js parser.jison lexer.js
 
 copy: build
 	cp build/MJLite.js ../exercises/utils/MJLite.js
-	cp static/style.css ../exercises/css/mjlite.css
+	cp static/mjlite.css ../exercises/css/
 	cp -R static/fonts ../exercises/css/
 
 serve:
diff --git a/static/index.html b/static/index.html
index ff71de492..e109676f1 100644
--- a/static/index.html
+++ b/static/index.html
@@ -5,10 +5,11 @@
         <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js" type="text/javascript"></script>
         <script src="MJLite.js" type="text/javascript"></script>
         <script src="main.js" type="text/javascript"></script>
-        <link href="style.css" rel="stylesheet" type="text/css">
+        <link href="mjlite.css" rel="stylesheet" type="text/css">
+        <link href="main.css" rel="stylesheet" type="text/css">
     </head>
     <body>
         <input type="text" value="2x^2 + 3" id="input" />
-        <div id="math"></div>
+        <div id="math" class="mathmathmath"></div>
     </body>
 </html>
diff --git a/static/main.css b/static/main.css
new file mode 100644
index 000000000..62074264e
--- /dev/null
+++ b/static/main.css
@@ -0,0 +1,9 @@
+body {
+    margin: 0px;
+    padding: 0px;
+}
+
+input {
+    margin: 0px;
+    font-size: 100%;
+}
diff --git a/static/style.css b/static/mjlite.css
similarity index 94%
rename from static/style.css
rename to static/mjlite.css
index 5f39391b7..08f400433 100644
--- a/static/style.css
+++ b/static/mjlite.css
@@ -14,18 +14,8 @@ things to do:
 big parens
 */
 
-body {
-    margin: 0px;
-    padding: 0px;
-}
-
-input {
-    margin: 0px;
-    font-size: 100%;
-}
-
-#math {
-    font-family: mjlite_main;
+.mathmathmath {
+    font: normal 1.21em mjlite_main;
     line-height: 1.4;
 }
 
