adjust subtitle html; remove redundant style

assets/scss/components/brand.scss

@@ -0,0 +1,4 @@
+.brand {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}

assets/scss/components/header.scss

@@ -1,18 +0,0 @@
-header.brand {
-    margin-top: 0.5em;
-}
-
-/* Main brand title */
-header.brand h1 {
-    margin: 0 0 0.5em 0;
-    font-weight: 400;
-    font-size: 3em;
-}
-
-header.brand h2 {
-    margin: 1rem 0;
-}
-
-header.brand hr {
-    // border-color: rgb(152, 152, 146);
-}

assets/scss/components/nav.scss

@@ -1,8 +1,8 @@
-nav.menu {
+.menu {
     margin: 1.4rem 0;
 }
 
-nav.menu ul {
+.menu ul {
     list-style: none;
     display: block;
     padding: 0;
@@ -12,19 +12,13 @@ nav.menu ul {
     width: 87.5%;
 }
 
-nav.menu li {
+.menu li {
     display: inline-block;
     margin-right: 1rem;
 }
 
-nav.menu li a {
+.menu li a {
     text-decoration: none;
     letter-spacing: 0.05em;
     text-transform: uppercase;
 }
-
-nav.menu li a:hover,
-nav.menu li a:active,
-nav.menu li a:focus {
-    // background: inherit;
-}

assets/scss/hugo-tufte.scss

@@ -1,17 +1,17 @@
-// VENDOR
-@import "vendor/tufte.scss";
+// Tufte
+@import "tufte";
 
-// OUR CODE
+// Additional styles for Hugo
 @import "general";
 
-/// PAGES
+/// Pages
 @import "pages/footer";
 
-/// COMPONENTS
+/// Components
 @import "components/code-highlight";
 @import "components/toc";
 @import "components/nav";
-@import "components/header";
+@import "components/brand";
 @import "components/meta";
 
 // Look at this https://gohugo.io/hugo-pipes/resource-from-template/#readout
@@ -19,4 +19,4 @@
 @import "syntax/highlight-dark.scss"
 {{ else }}
 @import "syntax/highlight-light.scss"
-{{ end }}
+{{ end }}

assets/scss/tufte.scss

@@ -96,14 +96,14 @@ h3 {
     line-height: 1;
 }
 
-p.author, p.date {
+.author, .date {
   font-size: 1.4rem;
   font-weight: 400;
   margin: 1rem auto 1rem 0;
   line-height: 1;
 }
 
-p.subtitle {
+.subtitle {
     font-style: italic;
     margin-top: 1rem;
     margin-bottom: 1rem;
@@ -130,7 +130,11 @@ section {
     padding-bottom: 1rem;
 }
 
-section.page-list .content-title:first-child {
+.page-list .content-title {
+    margin-top: 4.2rem;
+}
+
+.page-list .content-title:first-child {
     margin-top: 1.4rem;
 }
 
@@ -154,25 +158,24 @@ p {
 }
 
 /* Chapter Epigraphs */
-div.epigraph {
+.epigraph {
     margin: 3em 0;
 }
 
-div.epigraph > blockquote {
+.epigraph > blockquote {
     margin-top: 3em;
     margin-bottom: 3em;
 }
 
-div.epigraph > blockquote,
-div.epigraph > blockquote > p {
+.epigraph > blockquote {
     font-style: italic;
 }
 
-div.epigraph > blockquote > footer {
+.epigraph > blockquote > footer {
     font-style: normal;
 }
 
-div.epigraph > blockquote > footer > cite {
+.epigraph > blockquote > footer > cite {
     font-style: italic;
 }
 
@@ -373,7 +376,7 @@ pre.code {
     clear: both;
 }
 
-span.newthought {
+.newthought {
     font-variant: small-caps;
     font-size: 1.2em;
 }

assets/scss/vendor/_normalize.scss

@@ -1,3 +0,0 @@
-@import 'normalize/variables';
-@import 'normalize/vertical-rhythm';
-@import 'normalize/normalize-mixin';