✨

less/character-sheet.less

@@ -5,13 +5,17 @@
         color: white;
         width: 100%;
         height: 100%;
-        font-family: Arial, Helvetica, sans-serif;
+
+        @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
+        font-family: "VT323", Arial, Helvetica, sans-serif;
     };
 
     .headerBox {
         float: left;
         width: 100%;
-        height: 80px;
+        height: 100px;
+
+        display: flex;
     };
 
     .inputText {
@@ -32,6 +36,7 @@
 
     .bigInputText {
         font-size: 21px;
+        font-weight: 600;
 
         padding-left: 10px;
         padding-right: 10px;
@@ -42,14 +47,50 @@
     }
 
     .smallInputText {
-        font-size: 18px;
+        font-size: 14px;
 
         padding-left: 10px;
         padding-right: 10px;
-        padding-top: 20px;
-        padding-bottom: 20px;
+        padding-top: 10px;
+        padding-bottom: 10px;
 
         margin-top: 5px;
+        width: 60%;
+    }
+
+    .lvlBox {
+        width: 50px;
+        height: 50px;
+        color: black;
+        border: black;
+
+        box-shadow: 0 0 20px #003300 inset;
+        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -moz-box-shadow: 0 0 20px #003300 inset;
+        -o-box-shadow: 0 0 20px #003300 inset;
+
+        border-radius: 10px;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        -o-border-radius: 10px;
+    }
+
+    .expBox {
+        display: flex;
+        width: 50px;
+        height: 30px;
+        color: black;
+        border: black;
+
+        box-shadow: 0 0 20px #003300 inset;
+        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -moz-box-shadow: 0 0 20px #003300 inset;
+        -o-box-shadow: 0 0 20px #003300 inset;
+
+        border-radius: 10px;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        -o-border-radius: 10px;
     }
 
     .sideBarBox {