feat(ui): Ingame layout

Added a horizontal end for the container to not stretch endlessly to the sides. Covered sides with lobby background and adjusted the blur behind the cards to match the playing area.

knockoutwhistweb/app/assets/stylesheets/main.less

@@ -24,14 +24,14 @@
 }
 .game-field-background {
     background-image: @background-image;
-    background-size: cover;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
+    max-width: 1400px;
+    margin: 0 auto;
+    min-height: 100vh;
 }
 .lobby-background {
     background-color: @background-color;
-
+    width: 100%;
+    height: 100vh;
 }
 
 .navbar-header{
@@ -49,8 +49,11 @@
 .bottom-div {
   position: fixed;
   bottom: 0;
-  left: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  max-width: 1400px;
   width: 100%;
+  margin: 0;
   text-align: center;
   padding: 10px;
 }
@@ -220,9 +223,9 @@ body {
 }
 .score-header {
     font-weight: bold;
-    color: #ffffff;
+    color: #000000;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
 .score-row {
-    color: #ffffff;
+    color: #000000;
 }