changed title & description

src/components/layout/Legend.scss

@@ -21,7 +21,7 @@
         font-size: 3rem;
         font-weight: 800;
         width: fit-content;
-        margin-bottom: 12px;
+        margin-bottom: 10px;
         margin-top: 20px;
 
         @media (max-width: 768px) {
@@ -33,7 +33,7 @@
         font-size: 1.8rem;
         font-weight: 700;
         margin-bottom: 15px;
-        margin-top: 20px;
+        margin-top: 0px;
         color: white;
         width: fit-content;
 
@@ -48,7 +48,7 @@
         width: 100%;
         height: 1px;
         background-color: #d78453;
-        margin-bottom: 20px;
+        margin-bottom: 7px;
     }
 
     .form {

src/components/layout/Legend.tsx

@@ -38,10 +38,12 @@ const Legend: React.FC<LegendProps> = ({ showCapitals, showSettlements, showPOIs
 
     return (
         <div className="legend">
-            <h1>Interactive Map of the Magic Continent</h1>
+            <h1>Tensura Map</h1>
             <div className="border"></div>
 
-            <p>This is an interactive map of the world of Tensei Shitara Slime Datta Ken (That Time I Got Reincarnated as a Slime)</p>
+            <p>This is an interactive map of the Magic Continent from Tensei Shitara Slime Datta Ken (That Time I Got Reincarnated as a Slime).</p>
+
+            <p style={{marginTop: "0px"}}>The data mainly comes from the <a href={"https://tensura.fandom.com/wiki/Home"} target={"_blank"} rel={"noreferrer noopener"}>Tensei Shitara Slime Datta Ken Wiki</a>.</p>
 
             <h2>Filters</h2>
             <div className="form">