i need to sleep

blog/sass/colours.scss

@@ -4,13 +4,28 @@
 $white: #FFFFFF;
 $black: #000000;
 $purple: #962FFE;
-$voilet: #1e001e;
 $pink: #FFA0E3;
 $periwinkle: #EBD7FF;
 $yoghurt: #d1e6ff;
+$red: #FF3030;
+$orange: #FF7930;
+$yellow: #FFF530;
+$green: #45FF30;
+$cyan: #30FFEA;
+$blue: #30A9FF;
 
-// Properties? I'm unsure what to call this. 
+// Properties.  
 $background: $black;
 $blockquote: $pink;
 $text: $periwinkle;
 $links: $purple;
+$dates: $purple;
+
+// Headings. 
+$h1: $purple;
+$h2: $blue;
+$h3: $green;
+$h4: $yellow;
+$h5: $orange;
+$h6: $red;
+

blog/sass/style.scss

@@ -5,16 +5,6 @@ body {
   font-family: 'Roboto Mono';
 }
 
-#construction {
-  position: absolute;
-  color: whitesmoke;
-  top: 10px;
-  width: 100%;
-  text-align: center;
-  z-index: 100;
-  display: block;
-}
-
 a:link,
 a:visited,
 a:hover,
@@ -24,18 +14,78 @@ a:active {
   text-decoration: none;
 }
 
+// Headers. 
 h1 {
-  color: colours.$purple;
+  font-size: 2.5em;
+  color: colours.$h1;
 }
 
-blockquote > p {
+h2 {
+  color: colours.$h2;
+}
+
+h3 {
+  color: colours.$h3;
+}
+
+h4 {
+  color: colours.$h4;
+}
+
+h5 {
+  color: colours.$h5;
+}
+
+h6 {
+  color: colours.$h6;
+}
+
+#vaxandi_forritari {
+  color: colours.$h1;
+}
+
+#aspiring_graphics_programmer {
+  color: colours.$h2;
+}
+
+#amateur_linguist {
+  color: colours.$h3;
+}
+
+#wannabe_game_developer {
+  color: colours.$h4;
+}
+
+#exploring_animator {
+  color: colours.$h5;
+}
+
+#music_enjoyer {
+  color:colours.$h6;
+}
+
+#subtitle {
+  color: colours.$dates;
+}
+
+blockquote>p {
   color: colours.$blockquote;
 }
 
+ul li {
+  color: colours.$text;
+}
+
 p {
   color: colours.$text;
 }
 
-center {
-  color: colours.$purple;
+li {
+  color: colours.$white;
+}
+
+hr {
+  background: linear-gradient(to right, colours.$h1, colours.$h2, colours.$h3, colours.$h4, colours.$h5, colours.$h6);
+  height: 5px;
+  border: 0;
 }