Add instructions to markdown editor

src/scss/main.scss

@@ -40,7 +40,7 @@ $font-family-input:  monospace;
 
 // Font Sizes //////////////////////////////////////////////////////////////////////////////////////
 
-$font-size-small:    1.0em;
+$font-size-small:    1.25em;
 $font-size-normal:   1.5em;
 $font-size-large:    2.0em;
 $font-size-x-large:  3.0em;

src/scss/templates/markdown_section.scss

@@ -67,7 +67,7 @@ All rights reserved.
         width: 100%;
 
         position: relative;
-        min-height: 10em;
+        min-height: 11.5em;
 
         textarea, .sizer {
             width: 100%;
@@ -77,7 +77,7 @@ All rights reserved.
         }
 
         textarea {
-            position: absolute; height: 100%; width: 100%;
+            position: absolute; height: calc(100% - 1.5em); width: 100%;
 
             background: $color-gray-faint;
             resize: none;
@@ -89,6 +89,15 @@ All rights reserved.
             }
         }
 
+        .instructions {
+            margin-bottom: 0.75em;
+
+            p {
+                color: $color-gray-medium;
+                font-size: $font-size-small;
+            }
+        }
+
         .sizer {
             padding-bottom: 1.5em;
             visibility: hidden;