add localization

src/main.css

@@ -17,19 +17,25 @@
 }
 
 
+
+.editable-input {
+    flex: 1;
+    padding: 0px 3px;
+}
+
+.editable-input input {
+    border: none;
+}
+
+.editable-number {
+    text-align: center;
+}
+
 .placeholder {
     font-size: 0.8em;
     border-top: 1px solid;
 }
 
-.editable-text {
-    flex: 1;
-    padding: 0px 3px;
-}
-
-.editable-text input {
-    border: none;
-}
 
 
 .character-image {
@@ -50,15 +56,24 @@
     color: #fff;
 }
 
-.die-MU { background-color: #b22319; }
-.die-KL { background-color: #8158a3; }
-.die-IN { background-color: #388834; }
-.die-CH { background-color: #0c0c0c; }
-.die-FF { background-color: #d4b366; }
-.die-GE { background-color: #678ec3; }
-.die-KO { background-color: #a3a3a3; }
-.die-KK { background-color: #d5a877; }
+.die-courage      { background-color: #b22319; }
+.die-cleverness   { background-color: #8158a3; }
+.die-intuition    { background-color: #388834; }
+.die-charisma     { background-color: #0c0c0c; }
+.die-dexterity    { background-color: #d4b366; }
+.die-agility      { background-color: #678ec3; }
+.die-constitution { background-color: #a3a3a3; }
+.die-strength     { background-color: #d5a877; }
 
+.actor-sheet fieldset {
+    width: 100%;
+}
+
+.actor-sheet table {
+    border: none;
+    background: none;
+    table-layout: fixed;
+}
 
 .item-sheet header {
     display: flex;