diff --git a/public/css/legend.css b/public/css/legend.css
new file mode 100644
index 0000000000000000000000000000000000000000..44f6d662013ba8740d3d34121fda36f9fab2b803
--- /dev/null
+++ b/public/css/legend.css
@@ -0,0 +1,33 @@
+.outlined {
+    border: 0px solid black;
+ }
+
+ p{
+     margin-top: 1px;
+     margin-bottom: 5px;
+ }
+
+ h6{
+     margin-top: 2px;
+     margin-bottom: 2px;
+ }
+#legend {
+    position: absolute;
+    /*display: none; */
+    display: block;
+    width: 130px;
+    /*height: 300px; */
+    
+    bottom: 5px;
+    right: 5px; 
+	/*left: 85%;*/
+    background-color: rgba(0, 0, 0, 0.70); /* dim the background */
+    z-index: 2;
+    cursor: auto; /* ??? */
+    padding: 1px;    
+	
+	color: white;
+	font-size: 1.0em;
+    font-weight: bold;
+}
+