fix: adjust pre and final state

app/static/styles.css

@@ -10,7 +10,7 @@ h1 {
     margin-top: 15px;
     margin-bottom: 25px;
     color: #f2f2f2;
-    font-size: 2em;
+    font-size: 2.2em;
 }
 
 .scoreboard {
@@ -26,7 +26,7 @@ h1 {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     padding: 1%;
     width: 16%;
-    max-width: 300px;
+    max-width: 350px;
     position: relative;
     margin-left: 1%;
     margin-right: 1%;
@@ -52,7 +52,7 @@ h1 {
 }
 
 .team-name {
-    font-size: 90%;
+    font-size: 0.95rem;
     font-weight: bold;
 }
 
@@ -64,7 +64,7 @@ h1 {
 }
 
 .team-score {
-    font-size: 130%;
+    font-size: 1.35rem;
     font-weight: bold;
     margin-left: auto;
 }
@@ -83,7 +83,7 @@ h1 {
 }
 
 .team-sog {
-    font-size: 65%;
+    font-size: 0.75rem;
     color: #ddd;
 }
 
@@ -125,12 +125,12 @@ h1 {
     background-color: #444;
     padding: 1.5%;
     border-radius: 5px;
-    font-size: 0.65rem;
+    font-size: 0.7rem;
     color: #fff; 
     font-weight: bolder; 
     z-index: 1; 
     width: auto;
-    height: 10%;
+    height: 7%;
     display: flex;
     justify-content: space-evenly; 
     align-items: center;
@@ -150,12 +150,15 @@ h1 {
     background-color: #444;
     padding: 1.5%;
     border-radius: 5px;
-    font-size: 65%;
+    font-size: 0.7rem;
     color: #ddd;
     z-index: 1;
     font-weight: bold;
     width: auto;
-    height: 7.5%;
+    height: 7%;
+    display: flex; 
+    justify-content: space-evenly;
+    align-items: center;
 }
 
 .live-state {