add basic actor sheet

src/main.css

@@ -1,3 +1,65 @@
+.row {
+    display: flex;
+    flex-direction: row;
+}
+
+.col {
+    display: flex;
+    flex-direction: column;
+}
+
+.wrap {
+    flex-wrap: wrap;
+}
+
+.center {
+    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 {
+    width:  115px;
+    height: 115px;
+}
+
+.die {
+    width:  48px;
+    height: 48px;
+    line-height: 48px;
+
+    background-color: #000;
+    mask-image: url("../src/Assets/d20.svg");
+    mask-size: contain;
+    
+    text-align: center;
+    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; }
+
+
 .item-sheet header {
     display: flex;
     flex-flow: row wrap;