diff --git a/public/arf.json b/public/arf.json
index e325ee78..d59f8899 100644
--- a/public/arf.json
+++ b/public/arf.json
@@ -2388,7 +2388,13 @@
           "name": "Fedica",
           "type": "url",
           "url": "https://fedica.com/"
-        }]
+        },
+        {
+          "name": "Overpass Turbo",
+          "type": "url",
+          "url": "https://overpass-turbo.eu/"
+        }
+      ]
       },
       {
         "name": "Archive / Deleted Tweets",
@@ -3931,6 +3937,11 @@
       "type": "url",
       "url": "http://www.openstreetmap.org/#map=5/40.614/-100.679"
     },
+    {
+      "name": "Overpass Turbo",
+      "type": "url",
+      "url": "https://overpass-turbo.eu/"
+    },
     {
       "name": "Flash Earth",
       "type": "url",
diff --git a/public/css/arf.css b/public/css/arf.css
index 29694acd..473a5557 100644
--- a/public/css/arf.css
+++ b/public/css/arf.css
@@ -2,6 +2,7 @@ body {
   background-color: #ffffff;
   font-size: 14px;
   font-family: "Helvetica Neue", Helvetica;
+  color: #000;
 }
 
 #body {
@@ -16,18 +17,31 @@ body {
   text-align: center;
 }
 
-.dark-Mode{
+.dark-Mode {
   background-color: #000;
   color: #fff;
-  .node text {
-    fill: #fff;
-  }
-  .legend{
-    color: #fff;
-  }
-  path.link{
-    stroke: #444;
-  }
+}
+
+.dark-Mode .node text {
+  fill: #fff;
+}
+
+.dark-Mode .legend {
+  color: #fff;
+}
+
+.dark-Mode path.link {
+  stroke: #444;
+}
+
+.dark-Mode .legend button {
+  color: #fff;
+  background-color: #333;
+  border: 1px solid #555;
+}
+
+.dark-Mode .legend button:hover {
+  background-color: #444;
 }
 
 .legend {
@@ -39,6 +53,19 @@ body {
   color: #000;
 }
 
+.legend button {
+  color: #000;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  padding: 5px 10px;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.legend button:hover {
+  background-color: #e0e0e0;
+}
+
 .node {
   cursor: pointer;
 }