diff --git a/frontend/src/routes/+error.svelte b/frontend/src/routes/+error.svelte
new file mode 100644
index 0000000..94814cc
--- /dev/null
+++ b/frontend/src/routes/+error.svelte
@@ -0,0 +1,45 @@
+<script>
+	import { page } from '$app/stores';
+</script>
+
+<div id='container'>
+	<div class="wrapper">
+		<p id="status">{$page.status}</p>
+		<p id="message">{$page.error.message}</p>
+	</div>
+</div>
+
+<style>
+	* {
+		box-sizing: border-box;
+		padding: 0;
+		margin: 0;
+	}
+
+	#container {
+		background-image: url(/splash.webp);
+		background-size: cover;
+		display: grid;
+		place-content: center;
+		height: 100dvh;
+        width: 100dvw;
+        z-index: 99;
+        position: absolute;
+		font-size: 24px;
+		font-family: monospace;
+	}
+	.wrapper {
+		background: transparent;
+		display: flex;
+		backdrop-filter: blur(5px);
+		border-radius: 10px;
+		border: 1px solid black;
+	}
+
+	#status {
+		border-right: 1px solid black;
+	}
+	p {
+		padding: 20px;
+	}
+</style>