changing css arround to better support code blocks.

static/style.css

@@ -1,23 +1,56 @@
 body {
 	font-family: sans-serif;
-	background: #110000 ;
-	color: #ccc ;
+	background: rgb(71, 71, 71);
+	color: black;
 }
 
 main {
-	max-width: 800px ;
+	max-width: 60%;
 	margin: auto;
 }
 
+header h1 {
+	text-align: center;
+	color: white;
+}
+
+a:link {
+	color: rgb(126, 249, 255);
+}
+a:visited {
+	color: white;
+}
+
+article {
+	background-color: burlywood;
+	outline: cadetblue solid 5px;
+	padding: 3%;
+	border-radius: 10px;
+}
+
+pre {
+	/*
+	This has to be flagged important because somewhere in hugo a style
+	is being directly applied to pre blocks. Ill have to find it later.
+	 */
+	background-color: rgb(59, 59, 59) !important;
+	padding: 10px;
+	border-radius: 8px;
+	outline: cadetblue solid 3px;
+}
+code {
+	font-size: large;
+}
+
+
+
 img {
 	max-width: 100%;
 }
 
-header h1 {
-	text-align: center ;
-}
 
 footer {
+	padding-top: 1%;
 	text-align: center;
 	clear: both;
 }