diff --git a/src/App.svelte b/src/App.svelte
index 601206c..10faec7 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -2,11 +2,29 @@
 	export let name;
 </script>
 
-<style>
-	h1 {
-		color: purple;
-		text-align: center;
-	}
-</style>
+<main>
+	<h1>Hello {name}!</h1>
+	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+</main>
 
-<h1>Hello {name}!</h1>
+<style>
+	main {
+		text-align: center;
+		padding: 1em;
+		max-width: 240px;
+		margin: 0 auto;
+	}
+
+	h1 {
+		color: #ff3e00;
+		text-transform: uppercase;
+		font-size: 4em;
+		font-weight: 100;
+	}
+
+	@media (min-width: 640px) {
+		main {
+			max-width: none;
+		}
+	}
+</style>
\ No newline at end of file