fixed engine and added level2

src/less/mainMenu.less

@@ -1,16 +1,32 @@
 nav {
+	flex: 1;
 	font-size: 1.6rem;
 	display: flex;
+	justify-content: space-evenly;
+	align-self: center;
 
 	section {
 		flex: 1;
+		max-width: 50vh;
+		margin: 2rem;
 	}
 
+	p {
+		margin-bottom: 1rem;
+	}
+	
 	ul {
 		padding-left: 2rem;
 	}
 
 	li {
 		list-style-type: disc;
+
+		* {
+			display: block;
+		}
+
+		margin: .5rem;
 	}
+
 }

src/less/popup.less

@@ -0,0 +1,29 @@
+@keyframes popupAppear {
+	0% {
+		background: transparent;
+	}
+	100% {
+		background: black;
+	}
+}
+
+.popup {
+	animation: popupAppear 1s linear no-repeat;
+
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+
+	.content {
+		border-radius: 2rem;
+		background: @accentbg;
+		text-align: center;
+
+		postion: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
+}

src/less/snek.less

@@ -20,7 +20,6 @@ html {
 
 body {
 	color: @fg;
-	background: @bg;
 }
 
 h1, h2, h3, h4, h5, h6, strong, a {
@@ -72,14 +71,14 @@ header, footer, main {
 }
 main {
 	flex: 1;
+	display: flex;
 	position: relative;
+	background: @bg;
 
 	canvas {
 		position: absolute;
 		top: 0;
 		left: 0;
-
-		background: @bg;
 	}
 }
 
@@ -103,3 +102,6 @@ p {
 // setup the main menu
 @import 'mainMenu';
 
+// setup the popups
+@import 'popup';
+