Add some colours and new fonts

public/assets/app.css

@@ -1,10 +1,28 @@
 :root {
-  --font-stack-body: montserrat, sans-serif;
-  --font-stack-headings: bebas-neue, sans-serif; }
+  /* fonts */
+  --font-stack-body: "Whitney SSm A", "Whitney SSm B", sans-serif;
+  --font-stack-headings: "Quarto A", "Quarto B", serif;
+  --font-stack-monospace: "Operator Mono SSm A", "Operator Mono SSm B", monospace;
+  /* colours */
+  --color-background: #004643;
+  --color-headline: #fffffe;
+  --color-paragraph: #abd1c6;
+  --color-button: #f9bc60;
+  --color-button-text: #001e1d;
+  /* colours - illustrations */
+  --color-stroke: #001e1d;
+  --color-main: #e8e4e6;
+  --color-highlight: #f9bc60;
+  --color-secondary: #abd1c6;
+  --color-tertiary: #e16162; }
 
 body {
   font-family: var(--font-stack-body);
-  font-size: 2rem; }
+  font-style: normal;
+  font-weight: 400;
+  font-size: 2rem;
+  background-color: var(--color-background);
+  color: var(--color-paragraph); }
 
 h1,
 h2,
@@ -12,7 +30,23 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-stack-headings); }
+  font-family: var(--font-stack-headings);
+  font-style: normal;
+  font-weight: 800; }
+
+pre,
+code {
+  font-family: var(--font-stack-monospace);
+  font-style: normal;
+  font-weight: 400; }
+
+a {
+  color: var(--color-highlight);
+  text-decoration: none; }
+
+.h-feed > .note,
+.h-feed > .h-entry {
+  margin-top: 4rem; }
 
 body {
   display: flex;