Fix consistency in font families between chromium and ff

src/App.scss

@@ -37,7 +37,8 @@ button{
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 2px black;
     font-size: 14px;
-    
+    font-family: sans;
+
     &:hover {
         box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
     }

src/components/timeline/timeline.vue

@@ -55,7 +55,7 @@
       font-size: 14px;
       min-width: 6em;
       border-radius: 5px;
-      font-family: arial;
+      font-family: sans;
       text-align: center;
       padding: 0 0.5em 0 0.5em;
       opacity: 0.8;