1 files changed, 40 insertions, 20 deletions
diff --git a/style.css b/style.css
index c53f289..67c99ba 100644
--- a/style.css
+++ b/style.css
@@ -19,11 +19,12 @@ svg text {
 }
 
 div#content {
+  display: flex;
+  /* display: none; */
   border-left: 1px solid gray;
   flex-basis: 0;
   /* overflow: scroll; */
   max-height: 100vh;
-  display: flex;
   flex-direction: column;
   /* padding: 2px; */
 }
@@ -71,10 +72,10 @@ div#content {
   margin-bottom: 0;
 }
 
-circle#point {
+svg > defs > #point {
   fill: transparent;
-  stroke: black;
-  stroke-width: 2px;
+  stroke: red;
+  stroke-width: 1px;
 }
 
 use[href="#point"] {
@@ -85,6 +86,41 @@ use[href="#point"].active {
   opacity: 1;
 }
 
+g#points {
+  transform: translate(19px, 31px) scale(4);
+}
+
+#background {
+  fill: #bacae3;
+}
+
+#map2 {
+  transform: rotate(0.1deg);
+}
+
+#map3 {
+  transform: rotate(0.1deg);
+}
+
+image.map-scans {
+  /* transform: scale(1.39, 1.407) rotate(0.07deg); */
+  /* opacity: 0.33; */
+}
+
+#panel {
+  display: none;
+  position: absolute;
+  right: 0;
+  background-color: white;
+  border: 1px solid black;
+  padding: 2px;
+}
+
+#panel fieldset label {
+  display: block;
+  text-align: right;
+}
+
 circle.counter {
   stroke: transparent;
   stroke-width: 0.5in;
@@ -135,10 +171,6 @@ line.firing-arc {
   opacity: 0.1;
 }
 
-line.ruler {
-  stroke-width: 0.25in;
-}
-
 .sight-line {
   stroke: black;
   stroke-width: 3px;
@@ -156,11 +188,6 @@ image#img1 {
   /* opacity: 0.33; */
 }
 
-image.map-scans {
-  transform: scale(1.39, 1.407) rotate(0.07deg);
-  /* opacity: 0.33; */
-}
-
 .wall {
   fill: none;
   stroke: red;
@@ -168,13 +195,6 @@ image.map-scans {
   opacity: 0.7;
 }
 
-#hex {
-  opacity: 0.2;
-  /* stroke: black;
-  stroke-opacity: 0.2; */
-  transform: scale(0.26) translate(-2in, -2in);
-}
-
 #asterisk {
   font-size: 30;
 }