diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index df0db72..edf30fa 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -61,8 +61,9 @@
 </script>
 
 <div class="main-layout">
+    <img src="logo.png" alt="" class="logo">
 	{#if !$user}
-		<button class="btn btn-success" onclick={() => login()}>Login</button>
+		<div class="login"><button class="btn btn-primary" onclick={() => login()}>Login</button></div>
 	{/if}
 
 	{#if !$questionId}
@@ -136,6 +137,15 @@
 		width: 100%;
 		border: 3px solid #eee;
 	}
+	.login {
+      display: flex;
+      justify-content: center;
+	}
+	.logo {
+			display: flex;
+			margin: 0 auto;
+	    max-width: 250px;
+	}
 	.main-layout {
 		margin: auto;
 		width: 100vw;
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..dcca4bc
Binary files /dev/null and b/static/logo.png differ