From 9e6b2a35f5c7e5affd11a7fb7786f5a379563dff Mon Sep 17 00:00:00 2001
From: haykam821 <24855774+haykam821@users.noreply.github.com>
Date: Mon, 1 Mar 2021 10:50:54 -0500
Subject: [PATCH 1/2] Align head navigation links to the left

---
 components/layout.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/layout.js b/components/layout.js
index 1600c67..4f54271 100644
--- a/components/layout.js
+++ b/components/layout.js
@@ -36,7 +36,6 @@ const HeaderTitle = styled.h1``;
 
 const HeaderNav = styled.nav`
 	display: flex;
-	margin-left: auto;
 
 	ul {
 		display: flex;
@@ -58,6 +57,14 @@ const HeaderNav = styled.nav`
 	}
 `;
 
+const ButtonGroup = styled.div`
+	margin-left: auto;
+
+	& > *:not(:last-child) {
+		margin-right: 0.7rem;
+	}
+`;
+
 const HeaderNavLink = ({ children, ...props }) => {
 	const router = useRouter();
 	return (
@@ -84,12 +91,12 @@ const Header = () => (
 				<li>
 					<HeaderNavLink href="/sneknet">Sneknet</HeaderNavLink>
 				</li>
-				<li>
-					<ThemeSwitcher />
-					<AccountDropdown />
-				</li>
 			</ul>
 		</HeaderNav>
+		<ButtonGroup>
+			<ThemeSwitcher />
+			<AccountDropdown />
+		</ButtonGroup>
 	</HeaderContainer>
 );
 

From 5251161878c99ff7124f6176b46c2dc93cb0b388 Mon Sep 17 00:00:00 2001
From: haykam821 <24855774+haykam821@users.noreply.github.com>
Date: Mon, 1 Mar 2021 10:53:15 -0500
Subject: [PATCH 2/2] Align the hero blurb to the center

---
 pages/index.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index c9bf73d..34e935d 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -4,10 +4,11 @@ import styled from "styled-components";
 const Hero = styled.div``;
 
 const Blurb = styled.p`
-	font-size: 2rem;
+	font-size: 3.5rem;
 	margin-left: auto;
-	max-width: 28rem;
-	text-align: right;
+	margin-right: auto;
+	max-width: 60rem;
+	text-align: center;
 `;
 
 export default () => (