Have fun with welcome page

src/pages/welcome.css

@@ -1,39 +1,40 @@
 #welcome {
   text-align: center;
+  background-image: radial-gradient(
+    closest-side at 50% 50%,
+    var(--bg-faded-color),
+    transparent
+  );
 }
 
-#welcome img {
+#welcome h1 {
-  margin-top: 16px;
+  margin: 0;
-  height: auto;
+  padding: 0;
+  font-size: 1.2em;
 }
-@keyframes dance {
+#welcome img {
+  vertical-align: top;
+}
+
+#welcome h2 {
+  font-size: 3em;
+  letter-spacing: -0.05ex;
+  margin: 16px 0;
+  padding: 0;
+  /* gradiented text */
+  background: linear-gradient(45deg, var(--purple-color), var(--red-color));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+@keyframes psychedelic {
   0% {
-    transform: rotate(0deg);
+    filter: hue-rotate(0deg);
-  }
-  20% {
-    transform: rotate(5deg);
-  }
-  40% {
-    transform: rotate(-5deg);
-  }
-  60% {
-    transform: rotate(5deg);
-  }
-  80% {
-    transform: rotate(-5deg);
   }
   100% {
-    transform: rotate(0deg);
+    filter: hue-rotate(360deg);
   }
 }
-#welcome:hover img {
+#welcome:hover h2 {
-  animation: dance 2s infinite 15s linear;
+  animation: psychedelic 60s infinite;
-}
-
-#welcome .warning {
-  font-weight: bold;
-  padding: 16px;
-  background: lemonchiffon;
-  color: chocolate;
-  border-radius: 16px;
 }

src/pages/welcome.jsx

@@ -6,22 +6,25 @@ import useTitle from '../utils/useTitle';
 function Welcome() {
   useTitle();
   return (
-    <main id="welcome" class="box">
+    <main id="welcome">
+      <h1>
         <img
           src={logo}
           alt=""
-        width="140"
+          width="24"
-        height="140"
+          height="24"
           style={{
             aspectRatio: '1/1',
           }}
-      />
+        />{' '}
-      <h1>Welcome</h1>
+        Phanpy
-      <p>Phanpy is a minimalistic opinionated Mastodon web client.</p>
+      </h1>
-      <p class="warning">
+      <h2>
-        🚧 This is an early ALPHA project. Many features are missing, many bugs
+        Trunk-tastic
-        are present. Please report issues as detailed as possible. Thanks 🙏
+        <br />
-      </p>
+        Mastodon Experience
+      </h2>
+      <p>A minimalistic opinionated Mastodon web client.</p>
       <p>
         <big>
           <b>