1 files changed, 38 insertions, 48 deletions
diff --git a/medicmate.scss b/medicmate.scss
index 41b244e..54174fc 100644
--- a/medicmate.scss
+++ b/medicmate.scss
@@ -1,81 +1,71 @@
----
----
-
-$orange: #dd8800;
-$link-color: #00e;
-$light: #999;
-$dark: #333;
-
-$horizontal-break: 600px;
-$vertical-break: 800px;
-
 body {
-    font-size: 16px;
-    font-family: 'Roboto', sans-serif;
-    font-weight: 300;
-    padding: 0;
-    margin: 0;
-    color: $dark;
+  font-size: 16px;
+  font-family: 'Roboto', sans-serif;
+  font-weight: 300;
+  padding: 0;
+  margin: 0;
+  color: #333;
 }
 
 h1 {
-    margin: 0;
-    font-size: 2em;
-    font-weight: 300;
-    color: $orange;
+  margin: 0;
+  font-size: 2em;
+  font-weight: 300;
+  color: #dd8800;
 }
 
 h2 {
-    font-size: 1.2em;
-    font-weight: 300;
-    color: $orange;
+  font-size: 1.2em;
+  font-weight: 300;
+  color: #dd8800;
 }
 
 header {
-    margin: 0;
-    background-color: $orange;
-    color: white;
-    text-align: center;
-    padding: 1em;
+  margin: 0;
+  background-color: #dd8800;
+  color: white;
+  text-align: center;
+  padding: 1em;
+
+}
 
-    h1 {
-        color: white;
-    }
+header h1 {
+  color: white;
 }
 
 main {
-    padding: 1em;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: $horizontal-break;
+  padding: 1em;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 600px;
 }
 
 footer {
-    text-align: center;
-    color: $light;
+  text-align: center;
+  color: #999;
 }
 
 li {
-    padding: 0.5em;
+  padding: 0.5em;
 }
 
 p {
-    margin-top: 1em;
-    margin-bottom: 0;
+  margin-top: 1em;
+  margin-bottom: 0;
 }
 
 a {
-    color: $link-color;
-    text-decoration: none;
+  color: #00e;
+  text-decoration: none;
 }
 
 a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
-@media (min-width: $horizontal-break) {
-    header {
-        padding: 3em;
-    }
+@media (min-width: 600px) {
+  header {
+    padding: 3em;
+  }
 }