Tune up styling, padding, margin

Top of page spacing is not due to misbehaving CSS but markdown
generation. Apply reasonable margins and padding to text elements.

Author: jordanmccullough

_stylesheets/curriculum-beta.css

@@ -62,29 +62,34 @@ html, body {
   /* GitHub Links */
   /* GitHub Book Links, Guide Links */
   /* YouTube Links */ }
-  .curriculum > h1, .curriculum h2, .curriculum h3, .curriculum h4, .curriculum h5, .curriculum h6, .curriculum p, .curriculum ul, .curriculum pre, .curriculum svg {
-    padding: 0 25%;
-    margin: 0; }
+  .curriculum h1, .curriculum h2, .curriculum h3, .curriculum h4, .curriculum h5, .curriculum h6, .curriculum p, .curriculum ul, .curriculum pre, .curriculum svg {
+    font-weight: normal;
+    padding: 0 25%; }
+  .curriculum h3 {
+    font-size: 400%;
+    line-height: 1.25em;
+    margin-bottom: .5em; }
   .curriculum h4 {
-    line-height: 3em; }
+    font-size: 250%;
+    margin-bottom: .5em; }
   .curriculum p {
-    line-height: 1.75em; }
+    line-height: 1.75em;
+    margin: 2em 0; }
   .curriculum ul {
     display: inline-block;
     text-align: left; }
-  .curriculum svg, .curriculum iframe {
-    margin: 0 auto; }
+  .curriculum .diagram {
+    width: 60%;
+    /*margin: 0 auto;*/
+    text-align: center; }
   .curriculum .slide {
     min-height: 100%;
     width: 100%;
     background: #ffffff;
     display: table;
     text-align: center; }
-    .curriculum .slide h1, .curriculum .slide h2, .curriculum .slide h3, .curriculum .slide h4, .curriculum .slide h5, .curriculum .slide h6, .curriculum .slide p, .curriculum .slide ul, .curriculum .slide pre {
-      padding: 0;
-      margin: 0; }
     .curriculum .slide .alignment {
-      padding: 0 20%;
+      margin: 0 20%;
       display: table-cell;
       vertical-align: middle; }
   .curriculum a[href^="http://"],

_stylesheets/curriculum-beta.scss

@@ -28,24 +28,34 @@ html, body{
   height: 100%;
   width: 100%;
 
-  & > h1,h2,h3,h4,h5,h6,p,ul,pre,svg{
+  h1,h2,h3,h4,h5,h6,p,ul,pre,svg{
+    font-weight: normal;
     padding: 0 25%;
-    margin: 0;
+  }
+
+  h3{
+    font-size: 400%;
+    line-height: 1.25em;
+    margin-bottom: .5em;
   }
 
   h4{
-    line-height: 3em;
+    font-size: 250%;
+    margin-bottom: .5em;
   }
 
   p{
     line-height: 1.75em;
+    margin: 2em 0;
   }
   ul{
     display: inline-block;
     text-align: left;
   }
-  svg,iframe{
-    margin: 0 auto;
+  .diagram{
+    width: 60%;
+    /*margin: 0 auto;*/
+    text-align: center;
   }
 
   .slide{
@@ -55,13 +65,8 @@ html, body{
     display: table;
     text-align: center;
 
-    h1,h2,h3,h4,h5,h6,p,ul,pre{
-      padding: 0;
-      margin: 0;
-    }
-
     .alignment{
-      padding: 0 20%;
+      margin: 0 20%;
       display: table-cell;
       vertical-align: middle;
     }