some work done on character sheets

static/css/seagull.css

@@ -4,6 +4,7 @@ div#root {
     display: flex;
     width: 100%;
     height: 100%;
+    z-index: 0;
 
     font-family: sans-serif;
 }
@@ -73,4 +74,39 @@ div.log-tick {
 
 div.log-msg {
     margin-left: 0.2em;
+}
+
+div#charsheet {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+
+    background-color: rgb(240, 240, 240);
+}
+
+div#charsheet-leftside {
+    display: flex;
+    flex-direction: column;
+}
+
+div#charsheet-rightside {
+    display: flex;
+    flex-direction: column;
+}
+
+div.attr {
+    font-size: larger;
+}
+
+div#modal-background {
+    z-index: -10;
+    background-color: rgba(0, 0, 0, 168);
+    visibility: hidden;
+}
+
+div#modal {
+    width: 90%;
+    height: 90%;
+    border: 1.25em double rgba(192, 192, 192, 255);
+    background-color: rgba(255, 255, 255, 255);
 }