diff --git a/.gitmodules b/.gitmodules
index cd57169..cc92412 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,6 +1,3 @@
-[submodule "anemone"]
-	path = anemone
-	url = https://github.com/Speyll/anemone
 [submodule "themes/anemone"]
 	path = themes/anemone
 	url = https://github.com/Speyll/anemone
diff --git a/sass/_404.scss b/sass/_404.scss
new file mode 100644
index 0000000..585da40
--- /dev/null
+++ b/sass/_404.scss
@@ -0,0 +1,26 @@
+div.error404 {
+	margin: 25% auto;
+	
+	h1 {
+		margin: 0;
+		font-size: 4rem;
+		color: var(--fgColor);
+		background-color: var(--bgColor);
+	}
+	
+	h2 {
+		margin: 0;
+		color: var(--fgColor);
+		text-align: center;
+
+		&::before {
+			content: none;
+		}
+	}
+}
+
+@media (max-width: 650px) {
+	div.error404 {
+		margin: 0;
+	}
+}
diff --git a/sass/_header.scss b/sass/_header.scss
index df6eea6..0ff8d63 100644
--- a/sass/_header.scss
+++ b/sass/_header.scss
@@ -12,14 +12,14 @@
 	}
 
 	div.themeButton {
-			float: right;
-			padding: 0 0 0 1em;
+		float: right;
+		padding: 0 0 0 1em;
 
-			button {
-				cursor: pointer;
-				border: none;
-				background: transparent;
-			}
+		button {
+			cursor: pointer;
+			border: none;
+			background: transparent;
+		}
 	}
 }
 
diff --git a/sass/_main.scss b/sass/_main.scss
index 2d67314..ace4c10 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -28,11 +28,6 @@ h1 {
 	color: var(--bgColor);
 	background-color: var(--metaColor);
 	text-align: center;
-	
-	&::before {
-		color: var(--bgColor);
-		content: '# ';
-	}
 }
 
 h2, h3, h4, h5, h6 {
@@ -141,8 +136,9 @@ footer {
 	color: var(--fgColor);
 	background-color: transparent;
 
-	&__background:hover {
+	&__background:hover, &__background:focus {
 		color: var(--linkColor);
+		background-color: transparent;
 	}
 }
 
@@ -228,4 +224,8 @@ div.toc {
 	.wrapper {
 		margin: 1rem;
 	}
+
+	.footContainer {
+		justify-content: center; 
+	}
 }
diff --git a/sass/style.scss b/sass/style.scss
index 00fb4da..1437c8b 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,6 +1,7 @@
 @import 'main';
 @import 'header';
 @import 'home';
+@import '404';
 @import 'code';
 @import 'table';
 @import 'logo';
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..6279038
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="error404">
+	<h1>404</h1>
+	<h2>not found</h2>
+	<p>Yeah, sorry, it's just that boring old error. Not even a cool one like <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418">418</a>, or a scary one like <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/500">500</a>. Just a plain, old, boring <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/404">404</a>: The page you were trying to reach just doesn't seem to be there, so either the link is broken or you made a typo.</p>
+	<p>I suppose I shouldn't rule out the possibility that you had enough time on your hands that checking out the zaaarf.foo 404 page seemed like a productive use for it. If that's the case, I urge you to get a job or hobby ASAP.</p>
+	<p>If, however, you <em>do</em> have a legitimate reason for being here, I'd appreciate it if you took the time to notify whoever sent you here that the link is broken.</p>
+</div>
+{% endblock content %}
diff --git a/templates/header.html b/templates/header.html
index 20bb145..ea236ea 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -21,7 +21,7 @@
   </div>
   <div class="navBarRight">
     {% for nav_item in config.extra.header_nav %}
-      <a href="{{ nav_item.url }}" class="{% if nav_item.url == current_url %}active{% endif %}">{% set language_key = 'name_' ~ current_lang %}{{ nav_item[language_key] }}</a>
+      <a href="{{ nav_item.url }}" class="{% if current_url and nav_item.url == current_url %}active{% endif %}">{% set language_key = 'name_' ~ current_lang %}{{ nav_item[language_key] }}</a>
     {% endfor %}
   </div>
 </nav>