base game working

src/less/mainMenu.less

@@ -0,0 +1,16 @@
+nav {
+	font-size: 1.6rem;
+	display: flex;
+
+	section {
+		flex: 1;
+	}
+
+	ul {
+		padding-left: 2rem;
+	}
+
+	li {
+		list-style-type: disc;
+	}
+}

src/less/snek.less

@@ -28,6 +28,10 @@ h1, h2, h3, h4, h5, h6, strong, a {
 	font-weight: bold;
 }
 
+h1, h2, h3, h4, h5, h6 {
+	margin-bottom: .1em;
+}
+
 a {
 	text-decoration: inherit;
 }
@@ -68,6 +72,15 @@ header, footer, main {
 }
 main {
 	flex: 1;
+	position: relative;
+
+	canvas {
+		position: absolute;
+		top: 0;
+		left: 0;
+
+		background: @bg;
+	}
 }
 
 h1 {
@@ -80,5 +93,13 @@ p {
 	font-size: 1.6rem;
 }
 
+.hidden {
+	display: none !important;
+}
+
 // setup the progress bar
 @import 'progressBar';
+
+// setup the main menu
+@import 'mainMenu';
+