Tweak site header formatting

assets/style/main.sass

@@ -114,12 +114,14 @@ h6, .content h6
 .site-title
   @extend h1
 
-  font-style: italic
   padding-left: 0
 
   &:before
     content: none
 
+.site-description
+  background-color: $white-ter
+
 .toc
   @extend .panel
   @extend .is-size-7

layouts/index.html

@@ -1,9 +1,8 @@
 {{ define "main" }}
-	<section class="hero">
-		<div class="hero-body">
-			<div class="container">
-				<div class="columns">
-					<div class="column is-8 is-offset-2">
+	<section class="hero px-3 site-description">
+		<div class="hero-body container">
+			<div class="columns is-centered">
+				<div class="column is-three-fifths">
 					{{ with .Site.Params.Description }}{{.}}{{ end }}
 					{{ with .Site.Params.Topics }}
 						{{ $last := sub (len .) 1 }}
@@ -15,7 +14,6 @@
 				</div>
 			</div>
 		</div>
-		</div>
 	</section>
 
 	<main class="mt-6">