Change fonts, modify header colors

Author: Palmidence

toonkit/static/css/style.css

@@ -1,4 +1,5 @@
-@import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
+@import url('https://fonts.googleapis.com/css?family=Rubik');
+/*@import url('https://fonts.googleapis.com/css?family=Architects+Daughter');*/
 /*@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC');*/
 
 html, body {
@@ -7,7 +8,7 @@ html, body {
 }
 
 body {
-  font-family: 'Helvetica Neue', Helvetica, Arial, serif;
+  font-family: 'Rubik', sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
@@ -29,7 +30,21 @@ body {
 }
 
 h1, h2, h3 {
-  font-family: 'Architects Daughter', cursive;
+  font-family: 'Rubik', sans-serif;
+}
+
+h2 {
+  color: #b0081f;
+}
+
+h3 {
+  color: #264e9e;
+}
+
+code {
+  font-size: 87.5%;
+  color: #8f8f8f;
+  word-break: break-word;
 }
 
 #nav1, #nav2  {