Add alternate font toggle to WebUI

data/web/src/styles/Monitor/containers/MonitorControls.scss

@@ -2,7 +2,6 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  height: 48px;
   margin-top: 0.5em;
   padding-bottom: 0.5em;
 
@@ -35,11 +34,10 @@
   #accessibility{
     display: flex;
     flex-direction: column;
-    height: 48px;
 
     button{
       border-radius: 4px;
       margin: 0.5em;
     }
   }
-}
+}

data/web/src/styles/WebUI/containers/WebUI.scss

@@ -1,9 +1,19 @@
+@font-face{
+    font-family: HyliaSerif;
+    src: local('HyliaSerif'), url('../../../assets/HyliaSerif.otf')
+}
+
 #web-ui{
   width: calc(100% - 1.5em);
   padding: 0.75em;
+  font-family: HyliaSerif, sans-serif;
+
+  &.simple-font{
+    font-family: sans-serif;
+  }
 
   #content-middle{
     display: flex;
     flex-direction: row;
   }
-}
+}

data/web/src/styles/index.scss

@@ -1,12 +1,6 @@
-@font-face{
-    font-family: HyliaSerif;
-    src: local('HyliaSerif'), url('../assets/HyliaSerif.otf')
-}
-
 body {
     background-color: #131313;
     color: #eae703;
-    font-family: HyliaSerif, serif;
     letter-spacing: 2px;
     margin: 0;
 }