New, more Mastodon-like header

src/index.pug

@@ -40,9 +40,8 @@ html(lang="en")
 			h1
 				img(src="/icon.svg" width=72 height=72 alt="toot")
 			p
-				| Quickly post on any
+				| for
 				img(src="/mastodon.svg" width=95.5 height=27)
-				| instance
 		main
 			form#form
 				section

src/style/_variables.scss

@@ -29,3 +29,5 @@ $button-hover-bg: #4ea2df;
 $button-text: white;
 
 $input-bg: #131419;
+
+$border-color: #303643;

src/style/main.scss

@@ -46,19 +46,26 @@ body {
 }
 
 header {
+	border-bottom: 1px solid $border-color;
+	padding: 1.5rem 0;
 	text-align: center;
-	padding-top: 2rem;
+	width: 100%;
 
 	h1 {
-		margin: 0 0 8px;
+		display: inline-block;
+		margin: 0 1rem 0 0;
+		vertical-align: middle;
 	}
 
 	p {
-		margin: 0 0 26px;
+		display: inline-block;
+		line-height: 1.2rem;
+		margin: 0;
+		text-align: left;
+		vertical-align: middle;
 
 		img {
-			display: inline;
-			margin-bottom: -11px;
+			vertical-align: middle;
 		}
 	}
 }