Revert theme and add legend for CSMS claims

index.html

@@ -41,6 +41,10 @@
       margin-bottom: 20px;
       box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     }
+    .legend {
+      text-align: center;
+      margin-bottom: 20px;
+    }
     .buttons {
       text-align: center;
       margin: 20px 0;
@@ -71,25 +75,6 @@
       text-decoration: none;
       margin-left: 5px;
     }
-    .legend {
-      text-align: left;
-      margin-bottom: 20px;
-    }
-    .legend div {
-      display: flex;
-      align-items: center;
-      margin-bottom: 5px;
-    }
-    .legend div span {
-      display: inline-block;
-      width: 20px;
-      height: 20px;
-      margin-right: 10px;
-      border: 1px solid #ccc;
-    }
-    .legend .green {
-      background-color: green;
-    }
   </style>
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
   <script>
@@ -104,8 +89,7 @@
     <h1>CSMS Claims and Neighbors</h1>
   </div>
   <div class="legend">
-    <h3>Legend:</h3>
-    <div><span class="green"></span> Our Claims</div>
+    <p><strong>Legend:</strong> CSMS claims are in green.</p>
   </div>
   <div class="map-container">
     <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>