fix typography (again?)

vocodes/public/index.html

@@ -39,7 +39,7 @@
 
       gtag('config', 'UA-32811180-4');
     </script>
-    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Piazzolla:wght@300&family=Spectral:ital,wght@0,300;1,300&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap" rel="stylesheet">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

vocodes/src/App.scss

@@ -5,7 +5,7 @@ $page-width: 700px;
 $light-text-color: #777;
 $button-text-color: #666;
 
-$body-font-family: 'Spectral', serif;
+$body-font-family: 'Fira Sans', serif;
 $nav-font-family: 'Fira Sans', sans-serif;
 $footer-font-family: 'Fira Sans Condensed', sans-serif;
 $textarea-font-family: 'Fira Sans', sans-serif;
@@ -13,6 +13,7 @@ $headings-font-family: 'Merriweather', serif;
 
 body {
   font-family: $body-font-family;
+  font-weight: 300; // For Fira Sans
 }
 
 .mainwrap {

vocodes/src/modes/history/HistoryComponent.tsx

@@ -25,7 +25,7 @@ class HistoryComponent extends React.Component<Props, State> {
 
     if (utterances.length === 0) {
       utterances = [
-        <div className="content">
+        <div className="content is-size-4">
           <p>
             Nothing yet! Utterances will show up here once you've submitted 
             something to the text to speech engine. You'll be able to replay