diff --git a/html/static/style.css b/html/static/style.css
index 65dda7c..94351d5 100644
--- a/html/static/style.css
+++ b/html/static/style.css
@@ -5,11 +5,13 @@
 
 :root {
     --site-width: 700px;
-    --vert-content-margin: 1.5em;
-    --accent1: #d2e8b0;
+    --vert-content-margin: 0.3rem;
+    --accent1: #2596be;
+    --link: #2527EA;
     --black: #222;
     --white: #FBFBFB;
-    --background: #FCFAF9;
+    --grey: #EFEFEF;
+    --background: #EAEFFF;
     --font-size: 1.35rem;
     --line-height: 1.8rem;
     --font-family: "Roboto";
@@ -46,14 +48,23 @@ hr {
 }
 
 a, a:visited {
-  color: blue;
+  color: var(--link);
   text-decoration: none;
 }
 
+#header a, #header a:visited{
+  color: var(--grey);
+}
+
+
 #content h2, #content h3, #content h4, #content h5 {
     margin-bottom: -0.8rem;
 }
 
+#content h2 {
+  margin-top: 1rem;
+}
+
 #header hr {
   margin-bottom: var(--vert-content-margin);
 }
diff --git a/static/style.css b/static/style.css
index 65dda7c..94351d5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -5,11 +5,13 @@
 
 :root {
     --site-width: 700px;
-    --vert-content-margin: 1.5em;
-    --accent1: #d2e8b0;
+    --vert-content-margin: 0.3rem;
+    --accent1: #2596be;
+    --link: #2527EA;
     --black: #222;
     --white: #FBFBFB;
-    --background: #FCFAF9;
+    --grey: #EFEFEF;
+    --background: #EAEFFF;
     --font-size: 1.35rem;
     --line-height: 1.8rem;
     --font-family: "Roboto";
@@ -46,14 +48,23 @@ hr {
 }
 
 a, a:visited {
-  color: blue;
+  color: var(--link);
   text-decoration: none;
 }
 
+#header a, #header a:visited{
+  color: var(--grey);
+}
+
+
 #content h2, #content h3, #content h4, #content h5 {
     margin-bottom: -0.8rem;
 }
 
+#content h2 {
+  margin-top: 1rem;
+}
+
 #header hr {
   margin-bottom: var(--vert-content-margin);
 }