diff --git a/static/css/site.css b/static/css/site.css
index f4e4dfd..0ad57ce 100644
--- a/static/css/site.css
+++ b/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;
@@ -67,4 +79,17 @@ li {
 
 ul {
     margin: 0.5em 0 0 0;
+}
+
+.input_label {
+    color: #8EB;
+}
+
+.row {
+    display: flex;
+}
+
+.column {
+    padding: 0.5em;
+    border-color: #E8B;
 }
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 2e72c8f..2982155 100644
--- a/templates/index.html
+++ b/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>