1 files changed, 40 insertions, 17 deletions

diff --git a/zola-static/sass/base.scss b/zola-static/sass/base.scss
index 8090930..7b84bb8 100644
--- a/zola-static/sass/base.scss
+++ b/zola-static/sass/base.scss
@@ -1,22 +1,19 @@
-* {
-	font-family: monospace;
-}
-
 body {
 	background-color: #252422;
 	margin: 0;
 	padding: 0;
+	font-family: arial;
 }
 
 body section {
 	height: 100%;
-	max-width: 75rem;
+	max-width: 55rem;
 	margin-inline: auto;
 	padding: 1rem;
 	
 	background-color: #252422;
 	color: #F3E9DC;
-	font-size: 125%;
+	font-size: 115%;
 }
 
 // text sizing
@@ -30,7 +27,7 @@ ul {
 
 p {
 	margin-top: 0.5rem;
-	margin-bottom: 0.5rem;
+	margin-bottom: 1.2rem;
 }
 
 a {
@@ -41,25 +38,38 @@ h1 a {
 	text-decoration: none;
 }
 
-pre {
-	padding : 0.5rem;
-	border-radius: 0.3rem;
-	overflow: auto;
-	tab-size: 4;
-}
-
 .header-title {
 	margin-bottom: 0;
 	font-size: 2.5rem;
 }
 
+.blog-header {
+	display: flex;
+	justify-content: space-between;
+}
+
+.blog-header-left {
+	padding-right: 1rem;
+	flex: 1 1 auto;
+	max-width: 60%;
+}
+
+.blog-header-right {
+	flex: 0 0 auto;
+	white-space: nowrap;
+	text-align: right;
+}
+
 .subtitle {
 	margin: 0.5rem auto;
 }
 
-.header-container {
-	display: flex;
-	justify-content: space-between;
+pre {
+	padding : 0.5rem;
+	border-radius: 0.3rem;
+	overflow: auto;
+	tab-size: 4;
+	font-family: monospace;
 }
 
 .footer-text {
@@ -78,3 +88,16 @@ blockquote p {
 	margin-top: 0.2rem;
 	margin-bottom: 0.2rem;
 }
+
+p code {
+	background: #171615;
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+	font-family: monospace;
+}
+
+img {
+	width: 40rem;
+	display: block;
+	margin: 0 auto;
+}