Update layout

1 files changed, 28 insertions, 2 deletions

diff --git a/public/style.css b/public/style.css
index 9983bea..ea0dc90 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3,12 +3,15 @@ body {
     font-family: 'Lato', sans-serif;
     font-weight: 400;
     font-style: italic;
+    font-size: 18px;
 }
 
-div {
+.system {
     margin: 10px;
     border-radius: 10px;
     padding: 3px;
+    display: flex;
+    height: 20vh;
 }
 
 h1, h2, h3 {
@@ -18,7 +21,30 @@ h1, h2, h3 {
 }
 
 h1 {
-    font-size: 40px;
+}
+
+.system-title-container {
+    display: inline-flex;
+    text-align: left;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.system-info-container {
+    display: inline-flex;
+    text-align: right;
+    flex-direction: column;
+    padding: 10px;
+    margin-left: auto;
+    justify-content: center;
+}
+
+.system-title {
+    font-size: 7vw;
+}
+
+.system-info-elem {
+    font-size: 5vw;
 }
 
 .good-system {