1 files changed, 51 insertions, 40 deletions
diff --git a/static/main.css b/static/main.css
index 4db48f9..a0be844 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,13 +1,16 @@
-h1,h2,h3,h4 {
+h1 {
     text-align: center;
-    margin: 0.25em auto;
+    margin: 1% auto;
     white-space: normal;
 }
-h3,h4 {
-    text-align: justify;
-    margin: 0.25em auto;
+h2,h3,h4 {
+    text-align: left;
+    margin: 1% auto;
+    white-space: normal;
+}
+h2.center {
+    text-align: center;
 }
-/* class to optionally center h3 when we want it */
 h3.center {
     text-align: center;
 }
@@ -17,15 +20,15 @@ h1 {
 }
 h2 {
     font-size: 175%;
-    color: #404040;
+    color: #202020;
 }
 h3 {
     font-size: 150%;
-    color: #808080;
+    color: #404040;
 }
 h4 {
     font-size: 125%;
-    color: #bfbfbf;
+    color: #808080;
 }
 body {
     margin: 0 auto;
@@ -35,27 +38,6 @@ body {
     white-space: normal;
     font-size: 120%;
 }
-
-.navbar {
-    text-align: center;
-    max-width: 95%;
-    display: block;
-}
-.content {
-    text-align: justify;
-    max-width: 85%;
-    display: inline-block;
-}
-.license {
-    font-size: 50%;
-    text-align: center;
-    max-width: 35%;
-    display: block;
-}
-/* Use for long text which doesnt wrap nicely */
-.long {
-    word-wrap: break-word;
-}
 p {
     margin-top: 1.5%;
     margin-bottom: 1.5%;
@@ -70,30 +52,59 @@ code {
     white-space: pre-wrap;
     word-wrap: break-all;
 }
-table {
-    border-spacing: 0 10px;
+th {
+    text-align: center;
+    padding: 1%;
+    background-color: #cccccc;
 }
 td {
-    text-align: left
+    text-align: center;
+    padding: 1%;
 }
 img {
     max-width: 100%;
     height: auto;
     width: auto;
 }
-/*mobile*/
+img.icon {
+    filter: invert(50%);
+}
+iframe {
+    border: 0;
+}
+
+.navbar {
+    text-align: center;
+    max-width: 95%;
+    display: block;
+}
+.content {
+    text-align: justify;
+    max-width: 85%;
+    display: inline-block;
+}
+.license {
+    font-size: 50%;
+    text-align: center;
+    max-width: 35%;
+    display: block;
+}
+.long {
+    word-wrap: break-word;
+}
+
 @media screen and (max-device-width: 480px) {
-        body {
+    body {
         max-width: 100%;
         font-size: 90%;
-        }
-        .license {
+    }
+    .license {
         font-size: 0;
-        }
-        p {
+    }
+    p {
         margin-top: 5%;
         margin-bottom: 5%;
-        }
+    }
     code.long {
         font-size: 65%;
     }