restyling

1 files changed, 23 insertions, 32 deletions

diff --git a/zola-static/sass/base.scss b/zola-static/sass/base.scss
index 7b84bb8..d3803d4 100644
--- a/zola-static/sass/base.scss
+++ b/zola-static/sass/base.scss
@@ -1,33 +1,22 @@
+// Main styles and centering
 body {
-	background-color: #252422;
-	margin: 0;
-	padding: 0;
-	font-family: arial;
-}
-
-body section {
-	height: 100%;
+	margin: 3rem auto;
 	max-width: 55rem;
-	margin-inline: auto;
-	padding: 1rem;
+	line-height: 1.3;
+	font-size: 1.2rem;
+	padding: 0 2rem;
 	
 	background-color: #252422;
-	color: #F3E9DC;
-	font-size: 115%;
+	color: #DCE1DE;
+	font-family: arial;
 }
 
-// text sizing
+// more compact margins
 h1, h2, h3, h4 {
 	margin-bottom: 0.3rem;
 }
-
 ul {
-	margin-top: 0;
-}
-
-p {
-	margin-top: 0.5rem;
-	margin-bottom: 1.2rem;
+	margin-top: 0.3rem;
 }
 
 a {
@@ -38,32 +27,30 @@ h1 a {
 	text-decoration: none;
 }
 
+// Blog titles
 .header-title {
-	margin-bottom: 0;
+	margin: 0;
 	font-size: 2.5rem;
 }
-
+.subtitle {
+	margin: 0.5rem auto;
+}
 .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;
-}
-
+// Blog element styling
 pre {
 	padding : 0.5rem;
 	border-radius: 0.3rem;
@@ -72,10 +59,6 @@ pre {
 	font-family: monospace;
 }
 
-.footer-text {
-	text-align: center;
-}
-
 blockquote {
 	background: #171615;
 	border-left: 0.7rem solid #F3E9DC;
@@ -101,3 +84,11 @@ img {
 	display: block;
 	margin: 0 auto;
 }
+
+.footer-text {
+	text-align: center;
+}
+
+.footer-text a {
+	text-decoration: none;
+}