buttons on main page

static/index.css

@@ -32,7 +32,6 @@ p {
 }
 
 body {
-
     user-select: none;
     -webkit-user-select: none;
 }
@@ -56,6 +55,8 @@ body {
     height: 768px;
     /*image-rendering: pixelated;*/
     background: rgb(63, 63, 71);
+
+    display: block;
 }
 
 section#main {
@@ -67,4 +68,15 @@ section#main {
         width: min(512px, 90vw);
         height: min(512px, 90vw);
     }
+}
+
+.button {
+    background: rgb(44, 41, 53);
+    border-radius: 15px;
+    color: rgb(255,255,255);
+    display: inline-block;
+    text-decoration: none;
+    font-weight: bold;
+    margin: 10px;
+    padding: 10px;
 }

static/index.html

@@ -11,10 +11,10 @@
 		<h1>UniButton</h1>
 		<p>The <b>left mouse button</b> is the only input. No keyboard, moving the mouse, or anything else.</p>
 		<p>Click to launch... figure out the rest of the combos yourself.</p>
-		<p><i>Created by <a href='https://zenoverse.net/'>Onez</a>. Join our <a
-					href='https://discord.gg/EpsRZrHswB'>Discord</a>!</i></p>
-		<div>
-			<canvas id='canvas'></canvas>
+		<a class='button' href='https://zenoverse.net/'>Created by Onez</a>
+		<a class='button' href='https://discord.gg/EpsRZrHswB'>Join our
+			Discord</a>
+		<canvas id='canvas'></canvas>
 		</div>
 	</section>
 	<script src='js/index.js' type="module"></script>