WIP Menu

Still a WIP, but users will be able to choose some settings, select language or maybe use the static website version

public/menu.css

@@ -0,0 +1,42 @@
+/* This file is reserved for the menu style */
+
+#menu{
+    background-color: #131415;
+    position: absolute;
+    top:0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: -1;
+}
+
+#menu h1{
+   position: absolute;
+   top:20%;
+   left:50%;
+   transform: translate(-50%,-50%);
+   font-size: 3em;
+   font-family: Arial, Helvetica, sans-serif;
+   color: #EAEAEA;
+}
+
+#menu button{
+    position: absolute;
+    top: 70%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    padding-left: 50px;
+    padding-right: 50px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    border-radius: 8px;
+    border: 2px #4f5c69 solid;
+    background-color: #2E86AB;
+    font-size: 1.5em;
+    color: #EAEAEA;
+    font-family: Arial, Helvetica, sans-serif;
+}
+#menu button:hover{
+    background-color: #46aad4;
+    border: 4px #4f5c69 solid;
+}

public/style.css

@@ -20,7 +20,7 @@ a {
 	transform: translate(-50%, -50%);
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 2em;
-	z-index:-1;
+	z-index:-2;
 }
 
 #notification_bar {