Move the fonts to a variabele

src/assets/css/base.css

@@ -1,4 +1,4 @@
-*{
+* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
@@ -6,10 +6,10 @@
 
 body{
     background-color: var(--white);
-    font-family: 'Open Sans', sans-serif;
+    font-family: var(--mainfont), sans-serif;
 }
 
-a{
+a {
     text-decoration: none;
 }
 

src/assets/css/variables.css

@@ -8,6 +8,9 @@
     --darkblue: #00324a;
     --green: #04AA6D;
     --mute: #bbbbbb;
+    /* Typography */
+    --mainfont: 'Open Sans';
+    --codefont: 'Fira Mono';
     /* Breakpoints */
     --fullwidth: 100%;
     --article: 53rem;