checkpoint:site update

- Add spacing between headers
- Add style for code blocks. They look better now :)

flow/content/css/stylesheet.css

@@ -1,7 +1,7 @@
 :root {
   --background: #1a1b26;
   --background-dark: #16161e;
-  --foreground: #a9b1d6;
+  --foreground: #ffffff;
   --link: #7aa2f7;
   --link-hover: #bb9af7;
 }
@@ -40,7 +40,17 @@ a:hover {
   font-size: 40px;
   font-weight: normal;
   line-height: 40px;
-  letter-spacing: -1px;
+  letter-spacing: 0px;
+}
+
+#main h2 {
+  line-height: 20px;
+  margin-bottom: 20px;
+}
+
+#main h3 {
+  line-height: 10px;
+  margin-bottom: 10px;
 }
 
 #main p {
@@ -117,3 +127,19 @@ a:hover {
   text-align: center;
   padding: 5px 10px;
 }
+
+code {
+  font-family: monospace;
+}
+
+pre code {
+  display: block;
+  background: var(--background-dark);
+  color: #a9b1d6;
+  border-radius: .3rem;
+  line-height: 15px;
+  margin-bottom: 20px;
+  overflow-x: scroll;
+  padding: 1.2em;
+  white-space: pre;
+}