Finished first draft of Resume page.

content/assets/css/theme.css

@@ -7,22 +7,23 @@
 
 /* Colour variables */
 :root {
-     --background-colour: #FFF;
-     --primary-colour: #323036;
-     --quarternary-colour: #FAF9F6;
-     --secondary-colour: #818589;
-     --tertiary-colour: #E6E6E6;
-     --transparent: transparent;
+     --background-color: #FAFAFA;
+     --dark-grey: #343434;
+     --darker-grey: #666666;
+     --light-grey: #C9C9C9;
+     --medium-grey: #979797;
+     --neutral-grey: #FAFAFA;
 }
 
 /* Adjust Zensical colours */
 [data-md-color-accent=custom] {
-     --md-default-bg-color: var(--background-colour);
-     --md-footer-bg-color: var(--background-colour);
-     --md-primary-bg-color: var(--background-colour);
-     --md-primary-fg-color: var(--primary-colour);
-     --md-primary-fg-color--dark: var(--primary-colour);
-     --md-primary-fg-color--light: var(--tertiary-colour);
+     --md-accent-bg-color: var(--neutral-grey);
+     --md-default-bg-color: var(--neutral-grey);
+     --md-footer-bg-color: var(--neutral-grey);
+     --md-primary-bg-color: var(--neutral-grey);
+     --md-primary-fg-color: var(--dark-grey);
+     --md-primary-fg-color--dark: var(--dark-grey);
+     --md-primary-fg-color--light: var(--light-grey);
 }
 
 /*****************************
@@ -129,13 +130,13 @@
 
      a,
      figcaption {
-          color: var(--secondary-colour);
+          color: var(--medium-grey);
           max-width: none;
           text-decoration: none;
      }
 
      a:hover {
-          color: var(--teriary-color);
+          color: var(--medium-grey);
      }
 
      h1,
@@ -144,21 +145,28 @@
      h4,
      h5,
      h6 {
-          color: var(--secondary-colour);
+          color: var(--darker-grey);
           font-weight: bold;
      }
 
      p {
-          color: var(--primary-colour);
+          color: var(--dark-grey);
      }
 }
 
+/* Sizes */
+
+p {
+     font-size: 1rem;
+}
+
 /*****************************
 * RULES
 *****************************/
 
 body {
      align-items: center;
+     background-color: var(--neutral-grey);
      display: flex;
      justify-content: center;
      min-height: 100vh;