✨

less/character-sheet.less

@@ -16,8 +16,13 @@
         height: 100px;
 
         display: flex;
+        justify-content: flex-start;
     };
 
+    .charInfo {
+        width: 500px
+    }
+
     .inputText {
         background-color: #30da0c;
         color: black;
@@ -58,9 +63,14 @@
         width: 60%;
     }
 
+    .advancementBox {
+        margin-left: 20px;
+    }
+
     .lvlBox {
-        width: 50px;
-        height: 50px;
+        width: 60px;
+        height: 60px;
+        background-color: #30da0c;
         color: black;
         border: black;
 
@@ -73,12 +83,22 @@
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
+
+        margin-bottom: 10px;
+        padding: 5px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+        align-items: center;
     }
 
     .expBox {
         display: flex;
-        width: 50px;
+        justify-content: flex-start;
+        align-items: center;
+        width: 60px;
         height: 30px;
+        background-color: #30da0c;
         color: black;
         border: black;