Some CSS changes

src/App.scss

@@ -1,6 +1,11 @@
 body {
     background-color: #f0f0b8;
-    font-size: 14pt;
+    font-size: 18pt;
+    font-family: "Biwa";
+}
+
+input {
+    font-family: "Biwa";
 }
 
 main {
@@ -26,10 +31,16 @@ input {
     width: 100%;
 }
 
+.searchDropdown {
+    font-size: 22px;
+    font-family: "Biwa";
+}
+
 .searchButton {
     padding: 5px;
     margin: 10px;
-    font-dize: 22px;
+    font-size: 22px;
+    font-family: "Biwa";
 }
 
 .searchResult {

src/App.tsx

@@ -157,7 +157,7 @@ const App = (_props) => {
 
     const conlangs = [Conlang.Saimiar, Conlang.Elesu, Conlang.Tukvaysi, Conlang.Juteyuji];
     const langSelectDropdown = (
-        <select value={conlang} onChange={ handleLangChange }>
+        <select className="searchDropdown" value={conlang} onChange={ handleLangChange }>
             {conlangs.map((conlang) => <option value={conlang} key={conlang}>{renderConlang(conlang)}</option>)}
         </select>
     );