diff --git a/src/routes/Loading.svelte b/src/routes/Loading.svelte
index 1e6ee61..0852594 100644
--- a/src/routes/Loading.svelte
+++ b/src/routes/Loading.svelte
@@ -1,9 +1,23 @@
-<h2>Loading…</h2>
+<div id="loading">
+	<img src="/loading.gif" alt="Loading..." height="400px" />
+	<h1 id="msg">Loading Post...</h1>
+</div>
 
-<p>We're loading the route!</p>
-<p>Here's your message: {params && params.message}</p>
 
-<script>
-// Prop exported that will be filled by the router
-export let params
-</script>
\ No newline at end of file
+<style>
+	#loading {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+		text-align: center;
+
+	}
+
+	#msg {
+		margin-top: 0;
+		font-family: 'Libre Barcode 128';
+		font-size: 5em;
+		font-weight: 400;
+	}
+</style>
\ No newline at end of file