1 files changed, 88 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d9b9a62
--- /dev/null
+++ b/style.css
@@ -0,0 +1,88 @@
+svg {
+  background-color: darkgray;
+}
+
+body {
+  margin: 0;
+}
+
+circle#point {
+  fill: black;
+  opacity: 0;
+}
+
+circle.counter[data-troop-allegiance="liao"] {
+  fill: green;
+}
+
+circle.counter[data-troop-allegiance="davion"] {
+  fill: red;
+}
+
+text.counter {
+  font-size: 80;
+  font-weight: bold;
+  stroke: black;
+  fill: white;
+  stroke-width: 2px;
+  font-family: sans-serif;
+}
+
+rect#map {
+  fill: none;
+  opacity: 0.33;
+}
+
+image#img1 {
+  transform: scale(3.41) rotate(-0.15deg);
+  /* opacity: 0.33; */
+}
+
+image#img2 {
+  transform: scale(1.39, 1.407) rotate(0.07deg);
+  /* opacity: 0.33; */
+}
+
+.wall {
+  fill: none;
+  stroke: red;
+  stroke-width: 7px;
+  opacity: 0.7;
+}
+
+#hex {
+  opacity: 0.2;
+  /* stroke: black;
+  stroke-opacity: 0.2; */
+  transform: scale(0.26) translate(-2in, -2in);
+}
+
+#asterisk {
+  font-size: 30;
+}
+
+#record-sheet {
+  display: flex;
+  justify-content: space-around;
+}
+
+#record-sheet > div {
+  flex-basis: 100%;
+  padding: 0 2px;
+}
+
+#record-sheet > div div {
+  border: 1px solid black;
+  margin: 2px 0;
+  padding: 2px;
+}
+
+img.logo {
+  width: 100px;
+  margin: 0 auto;
+  display: block;
+}
+
+div.soldier-record.selected {
+  background-color: goldenrod;
+}
+\ No newline at end of file