diff --git a/math-replay/algebra/linear-equations-2.haml b/math-replay/algebra/linear-equations-2.haml
index f8d0a02..2852eff 100644
--- a/math-replay/algebra/linear-equations-2.haml
+++ b/math-replay/algebra/linear-equations-2.haml
@@ -1,12 +1,10 @@
 %html
   %head
+    %title Linear Equations 2
     %script{:type => "text/x-mathjax-config"}
       MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
     %script{:type => "text/javascript", :src => "http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"}
-    :css
-      .solution {
-        border-top: 1px dotted #222;
-      }
+    %link{:rel => 'stylesheet', :type => 'text/css', :href => './style.css'}
   %body
     %h2 Solve for $x$:
     #solve-for-x-01.solution
diff --git a/math-replay/algebra/solving-for-a-variable.haml b/math-replay/algebra/solving-for-a-variable.haml
index cffbb30..52a7f35 100644
--- a/math-replay/algebra/solving-for-a-variable.haml
+++ b/math-replay/algebra/solving-for-a-variable.haml
@@ -1,12 +1,10 @@
 %html
   %head
+    %title Solving for a Variable
     %script{:type => "text/x-mathjax-config"}
       MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
     %script{:type => "text/javascript", :src => "http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"}
-    :css
-      .solution {
-        border-top: 1px dotted #222;
-      }
+    %link{:rel => 'stylesheet', :type => 'text/css', :href => './style.css'}
   %body
     %h2 Solve for $l$:
     #solve-for-l-01.solution
diff --git a/math-replay/algebra/style.css b/math-replay/algebra/style.css
new file mode 100644
index 0000000..cf0070a
--- /dev/null
+++ b/math-replay/algebra/style.css
@@ -0,0 +1,17 @@
+body {
+    color: #fefefe;
+    background: #222;
+    margin: 20px;
+}
+
+h2 {
+    text-shadow: 3px 3px #111;
+    margin-top: 40px;
+}
+
+.solution {
+    border-radius: 5px;
+    box-shadow: 2px 5px 5px #000;
+    padding: 10px;
+    background: #333;
+}