core: improve design a bit

default.css

@@ -22,6 +22,9 @@ body {
 
 canvas {
     margin: auto;
+    display: inline-block;
+    width: 60rem;
+    vertical-align: middle;
 }
 
 .inside {
@@ -39,14 +42,6 @@ canvas {
     background: #003161;
 }
 
-.cardLeft {
-    display: inline-block;
-}
-
-.cardRight {
-    display: inline-block;
-}
-
 #navigation {
     text-align: right;
     padding: 6px;
@@ -86,8 +81,11 @@ canvas {
     margin: auto;
 }
 
-.cardStats {
+.stats {
     font-size: 18px;
+    display: inline-block;
+    width: 12rem;
+    vertical-align: middle;
 }
 
 h1 {
@@ -149,22 +147,14 @@ a.button {
 }
 
 .card {
-    background: #ccd0da;
     text-align: center;
     border-radius: 18px;
-    animation: card 3s linear infinite;
     height: 800px;
     margin: 0px auto;
     margin-top: 25px;
     margin-bottom: 25px;
 }
 
-.cardTop {
-    background: #acb0be;
-    border-top-left-radius: 18px;
-    border-top-right-radius: 18px;
-}
-
 #pong {
     margin: 6px;
     border-radius: 9px;