better welcome

client/assets/styles/menu.less

@@ -77,6 +77,12 @@
             }
         }
     }
+
+    .login {
+        display: flex;
+        flex-flow: column;
+        margin-bottom: 2em;
+    }
 }
 
 section {
@@ -126,5 +132,4 @@ section {
         flex: 1;
         display: inline;
     }
-
 }

client/assets/styles/styles.less

@@ -195,28 +195,6 @@ button[disabled] {
     border-color: #222;
 }
 
-/*
-    LOGIN
-*/
-
-.welcome {
-    .login {
-        width: 50%;
-        display: flex;
-        flex-flow: column;
-        margin-bottom: 2em;
-    }
-
-    .options {
-        display: flex;
-        width: 50%;
-    }
-
-    h2 {
-        margin-bottom: 0.5em;
-    }
-}
-
 #mnml input, #mnml select {
     border-color: #222;
     background-color: #222;

client/src/components/welcome.jsx

@@ -20,14 +20,8 @@ function Welcome() {
     };
 
     return (
-        <main class="welcome">
+        <main class="menu">
-            <h1>mnml.gg</h1>
+            <header>
-            <div class="login">
-                <div>mnml is an abstract turn based strategy game</div>
-                <div>free to play</div>
-                <div>no email required</div>
-                <div>glhf</div>
-            </div>
                 <div class="options">
                     <button
                         class={`login-btn ${page === 'login' ? 'highlight' : ''}`}
@@ -54,8 +48,21 @@ function Welcome() {
                         Help
                     </button>
                 </div>
+            </header>
+            <div class="top">
+                <section>
+                    <div>
+                        <h1>mnml.gg</h1>
+                        <p>mnml is a turn-based 1v1 strategy game in an abstract setting.</p>
+                        <p>form your team of 3 constructs from a deep pool of skills, effects and specialisations in order to outplay your opponents.</p>
+                        <p>featuring complex interactions arising from simple rules, simultaneous turns to increase the pace, and a unique speed mechanic mnml is a tactical game in a genre of its own.</p>
+                        <p>free to play</p>
+                        <p>no email required</p>
+                        <p>glhf</p>
+                    </div>
                     {pageEl()}
-            <hr />
+                </section>
+            </div>
             <Demo />
         </main>
     );