diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 1006690..0cf8cbe 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index e32dcb6..3df9542 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 017500b..4ffd51b 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 7033315..7a60c20 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index cd729b7..ac1a748 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 3c0c369..726c3b7 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e07a0ae..556cc8e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -22,20 +22,30 @@ const { title } = Astro.props;
 <style is:global>
 	html {
 		font-family: 'JetBrains Mono', monospace;
-		background: #235488;
+		background: #000;
+		color: #8F0;
+	}
+	html, body {
+		margin: 0;
+		padding: 0;
+		height: 100%;
+		width: 100%;
 	}
 	h1 {
-		font-size: 5em;
+		font-size: 2.5em;
 		text-transform: uppercase;
 		font-weight: 800;
+		margin: 0;
 	}
 	h2 {
-		font-size: 3em;
+		font-size: 1.5em;
 		text-transform: uppercase;
 		font-weight: 600;
+		margin: 0;
 	}
 	a {
-		color: #fff;
+		color: #8F0;
+		text-transform: uppercase;
 	}
 	@font-face {
 		font-family: 'JetBrains Mono';
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5a59ce2..5b6117a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,7 +5,7 @@ import Layout from '../layouts/Layout.astro';
 <Layout title="home">
 	<main>
 		<h1>lukeh990</h1>
-		<h2>WIP</h2>
+		<h2>full-stack web dev</h2>
 		<ul class="socials">
 			<li>
 				<a rel="me" href="https://tech.lgbt/@lukeh990" target="_blank" rel="noopener noreferrer">Mastodon</a>
@@ -17,14 +17,14 @@ import Layout from '../layouts/Layout.astro';
 
 <style>
 	main {
-		margin: auto;
-		padding: 1rem;
-		width: 800px;
-		max-width: calc(100% - 2rem);
-		color: white;
-		font-size: 20px;
-		line-height: 1.6;
 		text-align: center;
+		height: 100%;
+		width: 100%;
+
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
 	}
 	.socials {
 		list-style: none;