Added stats to the game, health left and score, and what level you are on

cards.css

@@ -1,14 +1,18 @@
 @import url('https://fonts.googleapis.com/css?family=Lalezar&display=swap');
+
 @font-face {
     font-family: "8-bit-pusab";
-  
-    src: url("./assets/fonts/8-bit-pusab.woff") format("woff"); /* Modern Browsers */
+
+    src: url("./assets/fonts/8-bit-pusab.woff") format("woff");
+    /* Modern Browsers */
     font-weight: normal;
     font-style: normal;
-  }
-*{
+}
+
+* {
     transition: .3s;
 }
+
 .card {
     cursor: pointer;
     padding-bottom: 85%;
@@ -61,7 +65,8 @@
 body {
     background-color: #1d1e22;
 }
-#start-the-game{
+
+#start-the-game {
     position: absolute;
     background-color: #44205c65;
     height: 100%;
@@ -72,7 +77,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    color: #fff; 
+    color: #fff;
     /* font-weight: 900; */
     font-size: 9vw;
     font-family: "8-bit-pusab";
@@ -80,8 +85,28 @@ body {
     text-shadow: -5px 14px 20px rgb(0, 0, 0);
     cursor: pointer;
 }
-.printid:after{
-        content:attr(id);
-        position: absolute;
-       
+
+.printid:after {
+    content: attr(id);
+    position: absolute;
+
+}
+
+.stats {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    font-size: 18px;
+    color: #fff;
+    font-family: "8-bit-pusab";
+}
+
+#container_r {
+    display: flex;
+    flex-direction: column;
+    flex-direction: row;
+}
+
+#health {
+    min-width: 170px;
 }