diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 39ee1be..6fbab8b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -9,6 +9,9 @@
 	type Props = { children: Snippet };
 	let { children }: Props = $props();
 
+	// set this to true to enable debug outlines on all elements
+	const debug = false;
+
 	$effect(() => {
 		document.documentElement.setAttribute('data-event-name', $event);
 	});
@@ -21,3 +24,12 @@
 	{@render children()}
 </main>
 <Footer />
+
+{#if debug}
+	<style global>
+		* {
+			outline: 1px solid #f002 !important;
+			outline-offset: -1px;
+		}
+	</style>
+{/if}