✨

less/character-sheet.less

@@ -274,8 +274,8 @@
     }
 
     .charHex {
-        width: 50px;
-        height: 50px;
+        width: 65px;
+        height: 65px;
         background-color: #30da0c;
         color: black;
         border: black;
@@ -291,7 +291,7 @@
         -o-border-radius: 10px;
 
         padding: 5px;
-        margin: 10px;
+        margin: 15px 10px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
@@ -300,23 +300,24 @@
     }
 
     .charHPCurrent {
-        width: 70px;
-        height: 70px;
+        width: 80px;
+        height: 80px;
 
         margin-left: 20px;
+        margin-right: 0px;
     }
 
     .charHPMax {
-        width: 40px;
-        height: 40px;
+        width: 50px;
+        height: 50px;
     }
 
     .charHexValue {
-        font-size: 20px;
+        font-size: 25px;
     }
 
     .hpValue {
-        font-size: 30px;
+        font-size: 40px;
     }
 
     .hpMaxValue {