changing css arround to better support code blocks.

static/style.css

@@ -7,63 +7,60 @@
 }
 
 body {
-    background-color: #222222;
-    color: #ffffff;
-    font-family: Arial, Helvetica, sans-serif;
-    margin: 0;
-    font-size: x-large;
+	font-family: sans-serif;
+	background: rgb(71, 71, 71);
+	color: black;
 }
 
-header {
-    background-color: #344a70;
-    margin-top: 0;
-    margin-left: 0;
-    text-align: center;
-    padding: 0.75rem;
-    font-size: xx-large;
+main {
+	max-width: 60%;
+	margin: auto;
 }
 
-.article-header {
-    background-color: #454545;
-    color: #707070;
-    margin: 2rem;
-    margin-bottom: 0;
-    border-top-right-radius: 0.5rem;
-    border-top-left-radius: 0.5rem;
+header h1 {
+	text-align: center;
+	color: white;
 }
 
-.spaced {
-    margin: 0;
-    padding: 1rem;
+a:link {
+	color: rgb(126, 249, 255);
+}
+a:visited {
+	color: white;
 }
 
 article {
-    background-color: #303030;
-    padding: 1.5rem;
-    margin-left: 2rem;
-    margin-right: 2rem;
-    text-align: left;
-    border-bottom-left-radius: 0.5rem;
-    border-bottom-right-radius: 0.5em;
+	background-color: burlywood;
+	outline: cadetblue solid 5px;
+	padding: 3%;
+	border-radius: 10px;
 }
 
-hr {
-    margin: 2rem;
-    height: 1px;
-    border: 0;
-    border-top: 1px solid #454545;
-    height: 1px;
+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%;
+}
+
 
 footer {
-    color: #606060;
-    text-align: center;
-}
-
-p {
-    margin-left: 1rem;
-    margin-right: 1rem;
-    margin-top: 0;
+	padding-top: 1%;
+	text-align: center;
+	clear: both;
 }
 
 h1,h2,h3,h4,h5,h6 {