/*
 * INIT
 * --------------------------------------
 */

    @-ms-viewport {
        width: device-width;
    }

    * { 
        -moz-box-sizing: border-box; 
        -webkit-box-sizing: border-box; 
        box-sizing: border-box; 
    }

    body {
        background-color: #eee;
        margin: 0;
        padding: 0;
    }
     

/*
 * LAYOUT
 * --------------------------------------
 */

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #f3f3f3;
  padding: 0 20px;
  border-bottom: solid 1px #bbb;
}

  header h1 {
    font: 20px arial, sans-serif;
    color: #333;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-align: center;
  }


#editor-col {
    position: fixed;
    top: 40px;
    left: 0;
    bottom: 0;
    background-color: #eee;
    width: 50%;
}

#preview-col {
    position: fixed;
    top: 40px;
    right: 0;
    width: 50%;
    bottom: 0;
    background-color: #fff;
    overflow-y: scroll;
    padding: 20px;
}

    #preview-content {
        max-width: 728px;
        margin: 0 auto;
    }

#md {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    border: 0;
    border-right: solid 1px #ccc;
    padding: 20px 20px 60px 20px;
    font: 14px Consolas, monospace;
    color: #444;
    outline: none;
    resize: none;
    overflow-y: scroll;
}

/*
 * MARKDOWN
 * --------------------------------------
 */

.ghmd {
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  }

.ghmd > *:first-child { 
  margin-top: 0 !important; }

.ghmd > *:last-child {
  margin-bottom: 0 !important; }

.ghmd a {
  color: #4183C4; }
.ghmd a.absent {
  color: #cc0000; }
.ghmd a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

.ghmd h1, .ghmd h2, .ghmd h3, .ghmd h4, .ghmd h5, .ghmd h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative; }

.ghmd h1:hover .ghmd a.anchor, .ghmd h2:hover .ghmd a.anchor, .ghmd h3:hover .ghmd a.anchor, .ghmd h4:hover .ghmd a.anchor, .ghmd h5:hover .ghmd a.anchor, .ghmd h6:hover .ghmd a.anchor {
  text-decoration: none; }

.ghmd h1 tt, .ghmd h1 code {
  font-size: inherit; }

.ghmd h2 tt, .ghmd h2 code {
  font-size: inherit; }

.ghmd h3 tt, .ghmd h3 code {
  font-size: inherit; }

.ghmd h4 tt, .ghmd h4 code {
  font-size: inherit; }

.ghmd h5 tt, .ghmd h5 code {
  font-size: inherit; }

.ghmd h6 tt, .ghmd h6 code {
  font-size: inherit; }

.ghmd h1 {
  font-size: 28px;
  color: black; }

.ghmd h2 {
  font-size: 24px;
  border-bottom: 1px solid #cccccc;
  color: black; }

.ghmd h3 {
  font-size: 18px; }

.ghmd h4 {
  font-size: 16px; }

.ghmd h5 {
  font-size: 14px; }

.ghmd h6 {
  color: #777777;
  font-size: 14px; }

.ghmd p, .ghmd blockquote, .ghmd ul, .ghmd ol, .ghmd dl, .ghmd li, .ghmd table, .ghmd pre {
  margin: 15px 0; }

.ghmd hr {
  border: 0 none;
  border-bottom: solid 1px #ddd;
  color: #cccccc;
  height: 4px;
  padding: 0; }

.ghmd > h2:first-child {
  margin-top: 0;
  padding-top: 0; }
.ghmd > h1:first-child {
  margin-top: 0;
  padding-top: 0; }
  .ghmd > h1:first-child + h2 {
    margin-top: 0;
    padding-top: 0; }
.ghmd > h3:first-child, .ghmd > h4:first-child, .ghmd > h5:first-child, .ghmd > h6:first-child {
  margin-top: 0;
  padding-top: 0; }

.ghmd a:first-child h1, .ghmd a:first-child h2, .ghmd a:first-child h3, .ghmd a:first-child h4, .ghmd a:first-child h5, .ghmd a:first-child h6 {
  margin-top: 0;
  padding-top: 0; }

.ghmd h1 p, .ghmd h2 p, .ghmd h3 p, .ghmd h4 p, .ghmd h5 p, .ghmd h6 p {
  margin-top: 0; }

.ghmd li p.first {
  display: inline-block; }

.ghmd ul, .ghmd ol {
  padding-left: 30px; }

.ghmd ul :first-child, .ghmd ol :first-child {
  margin-top: 0; }

.ghmd ul :last-child, .ghmd ol :last-child {
  margin-bottom: 0; }

.ghmd dl {
  padding: 0; }
  .ghmd dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px; }
    .ghmd dl dt:first-child {
      padding: 0; }
    .ghmd dl dt > :first-child {
      margin-top: 0; }
    .ghmd dl dt > :last-child {
      margin-bottom: 0; }
  .ghmd dl dd {
    margin: 0 0 15px;
    padding: 0 15px; }
    .ghmd dl dd > :first-child {
      margin-top: 0; }
    .ghmd dl dd > :last-child {
      margin-bottom: 0; }

.ghmd blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777; }
  .ghmd blockquote > :first-child {
    margin-top: 0; }
  .ghmd blockquote > :last-child {
    margin-bottom: 0; }

.ghmd table {
  padding: 0; }
  .ghmd table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    .ghmd table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    .ghmd table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    .ghmd table tr td {
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    .ghmd table tr th :first-child, .ghmd table tr td :first-child {
      margin-top: 0; }
    .ghmd table tr th :last-child, .ghmd table tr td :last-child {
      margin-bottom: 0; }

.ghmd img {
  max-width: 100%; }

.ghmd span.frame {
  display: block;
  overflow: hidden; }
  .ghmd span.frame > span {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    overflow: hidden;
    margin: 13px 0 0;
    padding: 7px;
    width: auto; }
  .ghmd span.frame span img {
    display: block;
    float: left; }
  .ghmd span.frame span span {
    clear: both;
    color: #333333;
    display: block;
    padding: 5px 0 0; }
.ghmd span.align-center {
  display: block;
  overflow: hidden;
  clear: both; }
  .ghmd span.align-center > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: center; }
  .ghmd span.align-center span img {
    margin: 0 auto;
    text-align: center; }
.ghmd span.align-right {
  display: block;
  overflow: hidden;
  clear: both; }
  .ghmd span.align-right > span {
    display: block;
    overflow: hidden;
    margin: 13px 0 0;
    text-align: right; }
  .ghmd span.align-right span img {
    margin: 0;
    text-align: right; }
.ghmd span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left; }
  .ghmd span.float-left span {
    margin: 13px 0 0; }
.ghmd span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right; }
  .ghmd span.float-right > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: right; }

.ghmd code, .ghmd tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px; }

.ghmd pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent; }

.ghmd .highlight pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }

.ghmd pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
  .ghmd pre code, .ghmd pre tt {
    background-color: transparent;
    border: none; }


.markdown-body{overflow:hidden;font-family:"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;font-size:16px;line-height:1.6;word-wrap:break-word}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#c00}.markdown-body .anchor{position:absolute;top:0;left:0;display:block;padding-right:6px;padding-left:30px;margin-left:-30px}.markdown-body .anchor:focus{outline:none}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{position:relative;margin-top:1em;margin-bottom:16px;font-weight:bold;line-height:1.4}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{display:none;color:#000;vertical-align:middle}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{padding-left:8px;margin-left:-30px;text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{display:inline-block}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #eee}.markdown-body h1 .anchor{line-height:1}.markdown-body h2{padding-bottom:0.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #eee}.markdown-body h2 .anchor{line-height:1}.markdown-body h3{font-size:1.5em;line-height:1.43}.markdown-body h3 .anchor{line-height:1.2}.markdown-body h4{font-size:1.25em}.markdown-body h4 .anchor{line-height:1.2}.markdown-body h5{font-size:1em}.markdown-body h5 .anchor{line-height:1.1}.markdown-body h6{font-size:1em;color:#777}.markdown-body h6 .anchor{line-height:1.1}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:bold}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}.markdown-body table th{font-weight:bold}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #ddd}.markdown-body table tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table tr:nth-child(2n){background-color:#f8f8f8}.markdown-body img{max-width:100%;box-sizing:border-box}.markdown-body .emoji{max-width:none}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #ddd}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#333}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,0.04);border-radius:3px}.markdown-body code:before,.markdown-body code:after,.markdown-body tt:before,.markdown-body tt:after{letter-spacing:-0.2em;content:"\00a0"}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body pre{word-wrap:normal}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code:before,.markdown-body pre code:after,.markdown-body pre tt:before,.markdown-body pre tt:after{content:normal}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}