MTG style fix

MTG/style.css

@@ -4,21 +4,27 @@
     box-sizing: border-box;
   }
   html{
-      height:100%;
-      width: 100%
+      /* height:100% */
+      /* width: 100% */
   }
   body{
       background-color: darkslategray;
-      height: 100vh;
-      width: 100vw;
-      margin: 0;
+      /* height: 100vh; */
+      /* width: 100vw; */
+      /* margin: 0 auto; */
+      display: flex;
+      /* align-items: center */
   }
   main{
         display: flex;
         justify-content: space-evenly;
         font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   flex-wrap: wrap;
+  width: 100vw;
+  height:100vh;
   align-items: center;
+  /* margin: 0 auto; */
+
 
           }
   .name{
@@ -56,7 +62,7 @@
       border-bottom: 1px solid #BBB;
       border-radius: 30px;
       color: #333;
-      padding: 8px 0;
+      padding: 10px 0;
       text-shadow: 0 1px 0 #EEE;
       display: flex;
       justify-content: center;
@@ -66,12 +72,15 @@
       font-size: 4.5rem;
       user-select: none;
   }
+  .life div{
+      margin: 15px;
+     }
   
   .player{
       padding: 20px;
       display: flex;
       flex-direction: column;
-      
+      margin: 3%;
   }
   
   .buttons{