Language in progress

view-webapp/src/main/sass/main.scss

@@ -2,11 +2,12 @@
 
 @layer pairgoth {
   body {
-    font-size : clamp(1rem, 3vw, 3rem);
+    font-size : clamp(1rem, 2vw, 3rem);
     width: 100vw;
     height: 100vh;
     margin: 0;
     padding: 0;
+    overflow: hidden;
   }
 
   .flex {
@@ -22,13 +23,18 @@
   }
 
   #header {
-    height: 2em;
+    height: 3em;
     width: 100%;
     position: relative;
     justify-content: space-between;
-    #left-header, #right-header {
+    #left-header {
       height: 100%;
     }
+    #right-header {
+      height: 100%;
+      margin-top: 0.5em;
+      margin-right: 0.5em;
+    }
     #logo {
       height: 100%;
       img {
@@ -40,15 +46,19 @@
 
   #center {
     max-width: clamp(800px, 80vw, 100vw);
-    margin-left: auto;
-    margin-right: auto;
     flex: 1;
+    overflow: auto;
+    #inner {
+      display: flex;
+      flex-flow: column nowrap;
+      align-items: center;
+    }
   }
 
   #footer {
     flex: 0;
     height: 2em;
-    margin: 0 2em;
+    margin: 0 0.5em;
     font-size: 0.8em;
     justify-content: space-between;
   }
@@ -57,6 +67,10 @@
     padding: 0.5em;
   }
 
+  button {
+    font-size: inherit;
+  }
+
   button.floating {
     box-shadow: 0px 8px 8px -5px rgba(0,0,0,35%);
     transition: all 0.3s;