changing css arround to better support code blocks.

static/style.css

@@ -7,63 +7,60 @@
 }
 
 body {
-    background-color: #222222;
+	font-family: sans-serif;
-    color: #ffffff;
+	background: rgb(71, 71, 71);
-    font-family: Arial, Helvetica, sans-serif;
+	color: black;
-    margin: 0;
-    font-size: x-large;
 }
 
-header {
+main {
-    background-color: #344a70;
+	max-width: 60%;
-    margin-top: 0;
+	margin: auto;
-    margin-left: 0;
+}
+
+header h1 {
 	text-align: center;
-    padding: 0.75rem;
+	color: white;
-    font-size: xx-large;
 }
 
-.article-header {
+a:link {
-    background-color: #454545;
+	color: rgb(126, 249, 255);
-    color: #707070;
-    margin: 2rem;
-    margin-bottom: 0;
-    border-top-right-radius: 0.5rem;
-    border-top-left-radius: 0.5rem;
 }
-
+a:visited {
-.spaced {
+	color: white;
-    margin: 0;
-    padding: 1rem;
 }
 
 article {
-    background-color: #303030;
+	background-color: burlywood;
-    padding: 1.5rem;
+	outline: cadetblue solid 5px;
-    margin-left: 2rem;
+	padding: 3%;
-    margin-right: 2rem;
+	border-radius: 10px;
-    text-align: left;
-    border-bottom-left-radius: 0.5rem;
-    border-bottom-right-radius: 0.5em;
 }
 
-hr {
+pre {
-    margin: 2rem;
+	/*
-    height: 1px;
+	This has to be flagged important because somewhere in hugo a style
-    border: 0;
+	is being directly applied to pre blocks. Ill have to find it later.
-    border-top: 1px solid #454545;
+	 */
-    height: 1px;
+	background-color: rgb(59, 59, 59) !important;
+	padding: 10px;
+	border-radius: 8px;
+	outline: cadetblue solid 3px;
 }
+code {
+	font-size: large;
+}
+
+
+
+img {
+	max-width: 100%;
+}
+
 
 footer {
-    color: #606060;
+	padding-top: 1%;
 	text-align: center;
-}
+	clear: both;
-
-p {
-    margin-left: 1rem;
-    margin-right: 1rem;
-    margin-top: 0;
 }
 
 h1,h2,h3,h4,h5,h6 {