diff --git a/static/fonts/pressstart2p-regular-webfont.woff b/static/fonts/pressstart2p-regular-webfont.woff
new file mode 100644
index 0000000..a9d6306
Binary files /dev/null and b/static/fonts/pressstart2p-regular-webfont.woff differ
diff --git a/static/fonts/pressstart2p-regular-webfont.woff2 b/static/fonts/pressstart2p-regular-webfont.woff2
new file mode 100644
index 0000000..28313e9
Binary files /dev/null and b/static/fonts/pressstart2p-regular-webfont.woff2 differ
diff --git a/templates/400.html b/templates/400.html
new file mode 100644
index 0000000..a547a9f
--- /dev/null
+++ b/templates/400.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<style>
+  @font-face {
+    font-family: "Press Start 2P";
+    src: url("static/fonts/pressstart2p-regular-webfont.woff2") format("woff2"),
+      url("static/fonts/pressstart2p-regular-webfont.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  :root {
+    --color: #54fe55;
+    --glowSize: 10px;
+  }
+
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+  }
+
+  * {
+    font-family: "Press Start 2P", cursive;
+    box-sizing: border-box;
+  }
+  #app {
+    padding: 1rem;
+    background: black;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    color: var(--color);
+    text-shadow: 0px 0px var(--glowSize);
+    font-size: 6rem;
+    flex-direction: column;
+    .txt {
+      font-size: 1.8rem;
+    }
+  }
+  @keyframes blink {
+    0% {
+      opacity: 0;
+    }
+    49% {
+      opacity: 0;
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .blink {
+    animation-name: blink;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+</style>
+<html lang="en">
+  <div id="app">
+    <div>400</div>
+    <div class="txt">Invalid request<span class="blink">_</span></div>
+  </div>
+</html>
diff --git a/templates/403.html b/templates/403.html
new file mode 100644
index 0000000..cb37b80
--- /dev/null
+++ b/templates/403.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<style>
+  @font-face {
+    font-family: "Press Start 2P";
+    src: url("static/fonts/pressstart2p-regular-webfont.woff2") format("woff2"),
+      url("static/fonts/pressstart2p-regular-webfont.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  :root {
+    --color: #54fe55;
+    --glowSize: 10px;
+  }
+
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+  }
+
+  * {
+    font-family: "Press Start 2P", cursive;
+    box-sizing: border-box;
+  }
+  #app {
+    padding: 1rem;
+    background: black;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    color: var(--color);
+    text-shadow: 0px 0px var(--glowSize);
+    font-size: 6rem;
+    flex-direction: column;
+    .txt {
+      font-size: 1.8rem;
+    }
+  }
+  @keyframes blink {
+    0% {
+      opacity: 0;
+    }
+    49% {
+      opacity: 0;
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .blink {
+    animation-name: blink;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+</style>
+<html lang="en">
+  <div id="app">
+    <div>403</div>
+    <div class="txt">Forbidden<span class="blink">_</span></div>
+  </div>
+</html>
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..8953e70
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<style>
+  @font-face {
+    font-family: "Press Start 2P";
+    src: url("static/fonts/pressstart2p-regular-webfont.woff2") format("woff2"),
+      url("static/fonts/pressstart2p-regular-webfont.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  :root {
+    --color: #54fe55;
+    --glowSize: 10px;
+  }
+
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+  }
+
+  * {
+    font-family: "Press Start 2P", cursive;
+    box-sizing: border-box;
+  }
+  #app {
+    padding: 1rem;
+    background: black;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    color: var(--color);
+    text-shadow: 0px 0px var(--glowSize);
+    font-size: 6rem;
+    flex-direction: column;
+    .txt {
+      font-size: 1.8rem;
+    }
+  }
+  @keyframes blink {
+    0% {
+      opacity: 0;
+    }
+    49% {
+      opacity: 0;
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .blink {
+    animation-name: blink;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+</style>
+<html lang="en">
+  <div id="app">
+    <div>400</div>
+    <div class="txt">Not found<span class="blink">_</span></div>
+  </div>
+</html>
diff --git a/templates/500.html b/templates/500.html
new file mode 100644
index 0000000..b273cb7
--- /dev/null
+++ b/templates/500.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<style>
+  @font-face {
+    font-family: "Press Start 2P";
+    src: url("static/fonts/pressstart2p-regular-webfont.woff2") format("woff2"),
+      url("static/fonts/pressstart2p-regular-webfont.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  :root {
+    --color: #54fe55;
+    --glowSize: 10px;
+  }
+
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+  }
+
+  * {
+    font-family: "Press Start 2P", cursive;
+    box-sizing: border-box;
+  }
+  #app {
+    padding: 1rem;
+    background: black;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    color: var(--color);
+    text-shadow: 0px 0px var(--glowSize);
+    font-size: 6rem;
+    flex-direction: column;
+    .txt {
+      font-size: 1.8rem;
+    }
+  }
+  @keyframes blink {
+    0% {
+      opacity: 0;
+    }
+    49% {
+      opacity: 0;
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .blink {
+    animation-name: blink;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+</style>
+<html lang="en">
+  <div id="app">
+    <div>500</div>
+    <div class="txt">Something went wrong...<span class="blink">_</span></div>
+  </div>
+</html>
