some experiments with css, still a lot to be done. warning: responsiveness NOT TESTED at all.

themes/homebrewtheme/static/css/main.css

@@ -54,6 +54,10 @@ pre {
 	background-color: #EAEAEA;
 }
 
+#menu a {
+	padding-right:0.5%;
+}
+
 .dropdown {
   position: relative;
   display: inline-block;
@@ -62,6 +66,10 @@ pre {
   cursor: pointer;
 }
 
+.arrow{
+  font-size:1.1rem;
+}
+
 .guides-index {
   display: none;
   position: absolute;
@@ -77,7 +85,7 @@ pre {
 .guides-index li{
 	font-size:calc(5px + 0.9vw);
 	font-weight:normal;
-	margin-top:10%;
+	/*margin-top:10%;*/
 }
 
 .guides-index a:hover{
@@ -94,18 +102,24 @@ body {
 	color:#0074D9;
 	background-color:#f6f6f6;
 	/*font-family:'OrkneyRegular';*/
-	font-family:serif;
+	font-family:times;
 	letter-spacing: 0.05em;
 	margin:0;
 	/*! padding: 1em; */
 }
 
 #index{
-	max-width:80%;
+	max-width:65%;
 	margin: auto;
 	color:#333;
 }
 
+/*
+#content {
+	max-width:75%;
+	margin:auto;
+}*/
+
 a {
 	color:#FF4136;
 }
@@ -119,12 +133,20 @@ a {
 }
 
 #post-list {
+	/*display: flex;
+	flex-wrap: wrap;*/
+	padding-left:0;
 	display: flex;
+	flex-direction: row;
 	flex-wrap: wrap;
+	align-items: stretch;
+	align-content: center;
+
 }
 
 .post-item {
 	max-width: 30%;
+	padding:0 2% 0 0;
 }
 
 h1{
@@ -162,17 +184,19 @@ h1, h2,h3 {
 }
 
 .entry-title{
-    font-size:2.4rem;
+    font-size:2rem;
     font-weight:bold;
     line-height: 1.2em;
     font-family:'OrkneyRegular';
 }
 
+
 .index-entry-title{
     font-size:1.4rem;
     font-weight:bold;
     line-height: 1.4em;
     font-family:'OrkneyRegular';
+    word-wrap: break-word;
 }
 
 .entry-title span{
@@ -181,11 +205,13 @@ h1, h2,h3 {
 }
 
 .toc{
+	width:35%;
 	font-size: 0.8em;
 	padding: 3em;
 	float: right;
 	line-height: 1.5em;
-	border: 1px solid;
+	border-width: 2px 0 2px 0;
+	border-style: solid;
 	margin: 1em;
 }
 
@@ -212,6 +238,7 @@ h1, h2,h3 {
 	line-height: 1.2em;
 }
 
+
 .codehilite {
 	max-width: 800px;
 	margin:1em auto;
@@ -252,7 +279,7 @@ blockquote {
 
 #content p{
     line-height:1.6;
-	max-width:55ch;
+	/*max-width:55ch;*/
 	margin: 0 auto;
 	margin-bottom:1em;
 }
@@ -335,7 +362,7 @@ table tr:nth-child(even) {
 
 #page-content p{
     line-height:1.6;
-	max-width:55ch;
+	max-width:75ch;
 	margin: 0 auto;
 	margin-bottom:1em;
 }
@@ -345,6 +372,7 @@ table tr:nth-child(even) {
 	background:#FF4136;
 	color:#fff;
 	text-decoration:none;
+	font-family:'OrkneyRegular';
 	/*! font-family:arial,sans-serif; */
 	text-align:right;
 	font-weight:bold;
@@ -370,6 +398,7 @@ table tr:nth-child(even) {
 	left:0;
 	height:1px;
 	background:#fff;
+
 }
 #forkongithub a::after{
 	bottom:1px;