TopBar transitions

assets/splash.svg

@@ -1,4 +1,4 @@
-<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+<svg width="1497" height="2656"  viewBox="0 0 1497 2656" xmlns="http://www.w3.org/2000/svg">
   <defs>
     <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#b870ff;stop-opacity:1" />
@@ -9,21 +9,24 @@
       <stop offset="100%" stop-color="#a64aff" />
     </linearGradient>
   </defs>
-  <rect width="1024" height="1024" fill="url(#bg_grad)" rx="190" />
-  <g transform="translate(112, 112) scale(1.55)">
-
-    <text x="256" y="320"
-          fill="#F0F0F5"
-          font-family="Nunito"
-          font-size="280"
-          font-weight="900"
-          text-anchor="middle"
-          letter-spacing="-5">MN</text>
-
-    <g opacity="0.6">
-      <circle cx="190" cy="405" r="15" fill="#F0F0F5" />
-      <circle cx="256" cy="405" r="15" fill="white" />
-      <circle cx="322" cy="405" r="15" fill="#F0F0F5" />
+  
+  <g transform="translate(748.5 1328) scale(0.4) translate(-512 -512)">
+    <rect width="1024" height="1024" fill="url(#bg_grad)" rx="190" />
+    <g transform="translate(112, 112) scale(1.55)">
+  
+      <text x="256" y="320"
+            fill="#F0F0F5"
+            font-family="Nunito"
+            font-size="280"
+            font-weight="900"
+            text-anchor="middle"
+            letter-spacing="-5">MN</text>
+  
+      <g opacity="0.6">
+        <circle cx="190" cy="405" r="15" fill="#F0F0F5" />
+        <circle cx="256" cy="405" r="15" fill="white" />
+        <circle cx="322" cy="405" r="15" fill="#F0F0F5" />
+      </g>
     </g>
   </g>
 </svg>