improve UI

dist/styles.css

@@ -8,6 +8,7 @@ BASIC
     outline: none;
     margin: 0px;
     padding: 0px;
+    font-synthesis: none !important;
 }
 
 html {
@@ -325,6 +326,12 @@ body {
 TYPE
  */
 
+@font-face {
+    font-family: IBM Plex Sans Thin;
+    src: url("Fonts/IBMPlexSans-Thin.ttf");
+    font-weight: thin;
+}
+
 @font-face {
     font-family: IBM Plex Sans;
     src: url("Fonts/IBMPlexSans-Regular.ttf");
@@ -494,6 +501,11 @@ textarea {
     display: none !important;
 }
 
+body > main {
+    align-items: safe center;
+    justify-content: safe center;
+}
+
 main,
 .tile,
 .tile > div {