Finish mobile nav styling and behaviour

sass/style.scss

@@ -66,6 +66,10 @@ section {
 
 /* Specific */
 
+body.noscroll {
+	overflow: hidden;
+}
+
 .intro {
 	min-height: 100vh;
 
@@ -113,6 +117,7 @@ section {
 			a {
 				display: flex;
 				align-items: center;
+				justify-content: center;
 				flex-shrink: 0;
 				padding: 0 1.5em;
 				overflow: hidden;
@@ -330,6 +335,24 @@ footer {
 
 		nav {
 			display: none;
+
+			border: none;
+			flex-direction: column;
+			position: absolute;
+			left: 0;
+			top: 100%;
+			width: 100%;
+			min-height: 100vh;
+			margin-top: 1px; // Fix covering border of header
+			background-color: $col-bg;
+
+			a {
+				padding: 3em 1rem;
+				border: 0;
+				font-weight: bold;
+				font-size: 1.138rem;
+				border-bottom: 1px solid #5D6E81;
+			}
 		}
 	 }
 }

static/js/nav.js

@@ -1,4 +1,5 @@
 document.getElementById("menu-button").addEventListener("click", function(){
+	document.body.classList.toggle("noscroll");
 	this.getElementsByClassName("image")[0].classList.toggle("open");
 	document.getElementById("nav").classList.toggle("visible");
 });