App title black text with white halo shadow

app/public/index.html

@@ -16,7 +16,7 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
-<link rel="stylesheet" href="style.css?v=5">
+<link rel="stylesheet" href="style.css?v=6">
 </head>
 <body>
 <div class="app">

app/public/style.css

@@ -139,19 +139,19 @@ a:hover { text-decoration: underline; }
   font-size: 1.7rem;
   letter-spacing: -0.3px;
   margin-bottom: 0.35rem;
-  color: #fff;
+  color: #111;
   text-shadow:
-    0 1px 3px rgba(0,0,0,0.55),
+    0 1px 2px rgba(255,255,255,0.7),
-    0 2px 8px rgba(0,0,0,0.35);
+    0 0 8px rgba(255,255,255,0.5);
 }
 
 .tagline {
   display: block;
   margin-top: 0.35rem;
   font-size: 0.76rem;
-  color: rgba(255,255,255,0.75);
   letter-spacing: 0.04em;
-  text-shadow: 0 1px 3px rgba(0,0,0,0.45);
+  color: rgba(0,0,0,0.65);
+  text-shadow: 0 1px 2px rgba(255,255,255,0.6);
 }
 
 /* Bottom nav */