Add fonts & CSS Variables

assets/style.css

@@ -1,3 +1,20 @@
+@font-face
+{
+    font-family: 'dos';
+    src: url('fonts/dosvga.ttf');
+}
+@font-face
+{
+    font-family: 'unifont';
+    src: url('fonts/unifont.otf');
+}
+
+:root
+{
+    --font-header: 'unifont';
+    --font-body:   'dos';
+}
+
 body
 {
     margin: 0;
@@ -11,7 +28,7 @@ html
 
 .navbar ul
 {
-    background-color: cyan;
+    background-color: red;
     display: flex;
     list-style-type: none;
     justify-content: center;
@@ -31,11 +48,13 @@ html
 
 .navbar ul li a
 {
-    color: black;
+    color: white;
     display: block;
     padding: 14px 16px;
     text-align: center;
     text-decoration: none;
+    font-size: 1.5em;
+    font-family: var(--font-header);
 }
 
 .navbar ul li a:hover
@@ -47,6 +66,7 @@ html
 {
     border: 2px solid blue;
     color: white;
+    font-family: var(--font-body);
     justify-content: center;
     margin-bottom: 5%;
     margin-left: 25%;