Fix margins and colorize background of pre elements

diff --git a/src/local.css b/src/local.css
index db80b724dd7216da1654549d9654df85f7c19f6a..8e13d20cac32c64ffa2fa0d4eca0ec3ccaa74c4d 100644 (file)
--- a/src/local.css
+++ b/src/local.css
@@ -2,16 +2,20 @@
 
 /* Add local styling here, instead of modifying style.css. */
 body {
-    margin-left: 10%;
-    margin-right: 10%;
+    margin-left: 2%;
+    margin-right: 2%;
 }
 
 h1, .header, #footer {
-    margin-left: -8%;
     font-size: 150%;
     clear: both;
 }
 
+#content {
+    margin-left: 4%;
+    margin-right: 4%;
+}
+
 h1,h2,h3,h4,h5,h6, .header {
     font-family: sans-serif;
     clear: left;
@@ -19,10 +23,23 @@ h1,h2,h3,h4,h5,h6, .header {
 }
 
 h2,h3,h4,h5,h6 {
-    margin-left: -4%;
     font-size: 125%;
 }
 
+p {
+    margin-left: 4%;
+    margin-right: 4%;
+}
+
+pre {
+    font-family: mono;
+    margin-left: 10%;
+    margin-right: 10%;
+    border: 1px solid #fcedc4;
+    background-color: #dfdffb;
+    padding: .5em;
+}
+
 a:link {
     color: #4c4ce6;
 }
@@ -40,7 +57,7 @@ a:hover {
 }
 
 #footer {
-    margin-left: -8%;
+    margin-left: 2%;
     font-size: 80%;
 }