added code blocks and changed background color handling from a class to apply to the whole page

content/style.css

@@ -1,3 +1,4 @@
+/* optimized for desktop users */
 @media only screen and (min-width: 721px) {
 	.container{
 		display: grid;
@@ -23,7 +24,7 @@
 	}
 }
 
-
+/* optimized for mobile users */
 @media only screen and (max-width: 720px) {
 	.container{
 		display: grid;
@@ -55,7 +56,66 @@ div.round-border {
 	border-radius: 16px;
 }
 
-.bg {
+body {
  background-color:#feffef;
  color:#00000;
 }
+
+
+/* code blocks */
+pre {
+  margin-left:            20px;
+  margin-right:           20px;
+  margin-top:             0px;
+  background-color:       white;
+  border-style:           solid;
+  border-color:           #888A85;
+  border-width:           1px;
+  font-size:              11pt;
+  font-family:            monospace;
+}
+
+pre.commandLine {
+  background-color:       #2E3436;
+  color:                  #C3F097;
+}
+
+span.structure {
+  color:                  #FCAF3E;
+  font-weight:            bold;
+}
+span.primitive {
+  color:                  #729FCF;
+  font-weight:            bold;
+}
+span.className {
+  color:                  #8AE234;
+  font-weight:            bold;
+}
+
+span.type {
+  color:                  #729FCF;
+}
+span.value {
+  color:                  #C17D11;
+}
+span.function {
+  color:                  #75507B;
+}
+span.name {
+  color:                  #8AE234;
+}
+span.comment {
+  color:                  #888A85;
+}
+/* in-line code block */
+span.codeBlockInText{
+  background-color:       white;
+  border-color:           black;
+  border-style:           solid;
+  border-width:           1px;
+  font-size:              11pt;
+  font-family:            monospace;
+  padding-left:           5px;
+  padding-right:          5px;
+}