Fix title and menu styling

Menus were not properly aligned after the shift in line-height, and titles would get really small.

_sass/_article.scss

@@ -18,6 +18,7 @@ article > .title {
 	font-weight: bold;
 	white-space: normal;
 	letter-spacing: 0.05ch;
+	line-height: 1.25em;
 	background: $theme-article-title-background;
 	color: $theme-article-title-color;
 }

_sass/_base.scss

@@ -73,6 +73,8 @@ body {
 
 	// Font
 	font-size: 1.1rem;
+	line-height: 1.5em;
+	word-spacing: 0.05em;
 	font-family: "Roboto", sans-serif;
 	text-rendering: optimizelegibility;
 	color: $theme-content-color;

_sass/_blocks.scss

@@ -6,8 +6,6 @@
 	margin: 0;
 	overflow: auto;
 	text-align: start;
-	line-height: 1.5em;
-	word-spacing: 0.05em;
 }
 
 .block + .block {

_sass/_header.scss

@@ -178,6 +178,7 @@
 
 	#navigation .menu > .entry {
 		/* Menu - Entry Style */
+		position: relative;
 		display: block;
 		margin: 0;
 		padding: 0;
@@ -230,7 +231,8 @@
 	#navigation .has-menu > .menu > .has-menu > .menu {
 		/* Menu - Sub-Menu in Sub-Menu */
 		left: calc(100% - .5em);
-		margin-top: -2.75em;
+		top: 0;
+		margin-top: -.25em;
 		z-index: 2;
 	}
 
@@ -254,7 +256,7 @@
 		background: transparent;
 	}
 	#navigation > .menu > .has-menu > .menu {
-		top: 2.0em;
+		top: 3.0em;
 	}
 	#navigation > .menu > .entry > .item {
 		padding: .5em .25em;