Date and post headers styles changed

1 files changed, 32 insertions, 36 deletions

diff --git a/style.css b/style.css
index 43b49dc..37d871f 100644
--- a/style.css
+++ b/style.css
@@ -1,32 +1,40 @@
 body {
-	max-width: 43em;
-	margin: 1em auto;
-	padding: 0 1em 22vh 1em;
-	font-family: sans-serif;
+	max-width: 43rem;
+	margin: 0 auto;
+	padding: 1rem 1rem 33vh 1em;
+	font-family: Garamond serif;
 }
 
-p, dd {
-	line-height: 1.4em;
-	text-align: justify;
+header {
+	display: grid;
+	grid-template:
+		"time  nav"
+		"title title" / 1fr auto;
 }
 
-p, dd, pre {
-	margin-bottom: 1em;
+header > time { grid-area: time; }
+
+header > h1 {
+	grid-area: title;
+	margin-top: 0.2rem;
+	margin-bottom: 0;
+}
+
+header > nav {
+	grid-area: nav;
+	margin-left: 1em;
+}
+
+article {
+	line-height: 1.36em;
 }
 
-h1, h2, h3, h4, h5, h6 {
-	font-weight: normal;
-	margin: 1.5em 0 0.2em 0;
+p, dd, pre {
+	margin-bottom: 1em;
 }
 
-article h2,
-article h3,
-article h4,
-article h5,
-article h6,
-article .subtitle {
-	border-bottom: 1px dashed #999;
-	padding: 0 0 0.2em 0;
+h1 {
+	margin-top: 0;
 }
 
 hr {
@@ -35,17 +43,12 @@ hr {
 	border-width: 0 0 1px 0;
 }
 
-.subtitle {
-	color: #999;
-	margin-top: 0.2em;
-	font-size: 90%;
-	text-align: center;
-}
-
 pre {
 	background-color: #f0f0f0;
-	padding: 1em;
+	padding: 0.4em 1rem;
 	overflow-x: auto;
+	margin-left: -1rem;
+	margin-right: -1rem;
 }
 
 code {
@@ -53,19 +56,12 @@ code {
 	padding: 0 1px;
 }
 
-img {
-	max-width: 100%;
-}
-
 article > img {
+	max-width: 100%;
 	display: block;
 	margin: 1em auto;
 }
 
-article > header > *, article > h1 {
-	text-align: center;
-}
-
 a:link,
 a:visited.always-fresh {
 	color: #0e42ef;