Use nicer fonts

static/css/site.css

@@ -1,7 +1,19 @@
+/* CSS */
+:root {
+    font-family: Inter, sans-serif;
+    /* fix for Chrome */
+    font-feature-settings: 'liga' 1, 'calt' 1;
+}
+
+@supports (font-variation-settings: normal) {
+    :root {
+        font-family: InterVariable, sans-serif;
+    }
+}
+
 body {
     width: 100%;
     height: 100%;
-    font-family: arial;
     background-color: #111;
     color: #CCC;
     tab-size: 4;
@@ -68,3 +80,16 @@ li {
 ul {
     margin: 0.5em 0 0 0;
 }
+
+.input_label {
+    color: #8EB;
+}
+
+.row {
+    display: flex;
+}
+
+.column {
+    padding: 0.5em;
+    border-color: #E8B;
+}

templates/index.html

@@ -7,6 +7,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>First page</title>
     <script src="https://unpkg.com/htmx.org@latest"></script>
+
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
     <link rel="icon" type="image/x-icon" href="static/favicon.ico">
     <link rel="stylesheet" type="text/css" href="static/css/site.css" />
 </head>