made a topbar and made bottom bigger

src/assets/logo.svg

@@ -0,0 +1,13 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="moonGradient" x1="0%" y1="0%" x2="100%" y2="50%">
+            <stop offset="0%" stop-color="#5B68CE" />
+            <stop offset="100%" stop-color="#6A449E" />
+        </linearGradient>
+        <mask id="moonMask">
+            <circle cx="100" cy="100" r="50" fill="white" />
+            <circle cx="150" cy="10" r="45" fill="black" transform="rotate(-30 272 100)" />
+        </mask>
+    </defs>
+    <circle cx="100" cy="100" r="50" fill="url(#moonGradient)" mask="url(#moonMask)" />
+</svg>

src/assets/text.svg

@@ -0,0 +1,17 @@
+<svg width="500" height="150" viewBox="0 0 500 150" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <style type="text/css">
+            @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&amp;display=swap');
+        </style>
+        <linearGradient id="textGradient" x1="25%" y1="0%" x2="75%" y2="100%">
+            <stop offset="0%" stop-color="#5A8BFF" />
+            <stop offset="100%" stop-color="#9B5CFF" />
+        </linearGradient>
+    </defs>
+
+    <!-- Text -->
+    <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"
+          font-family="'Raleway', sans-serif" font-size="60" fill="url(#textGradient)" letter-spacing="2">
+        REMind
+    </text>
+</svg>