html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{background:#f7f7f7}
body{font-family:arial;padding:20px;font-size:15px;line-height:18px}
h1,h2{font-size:1.5em;line-height:2em;font-weight:bold;text-align:center;color:#6262b3}
.centered{text-align:center}
a.cta{background:#b36262;color:#FFF;text-decoration:none;font-size:25px;font-weight:bold;padding:5px 20px;border-radius:20px;display:inline-block;line-height:35px;margin:10px 10px 40px}img{max-width:100%}
a.cta:hover{background:#7f7fff}
#preview{width:100%}
#preview,.CodeMirror{height:200px}
h2{color:#b36262}
article{max-width:1000px;padding:20px;font-size:18px;line-height:22px;background:#FFF;border-radius:20px;margin:20px auto 50px}
footer{font-size:18px;line-height:22px}
article h2{text-align:left}
article ul{list-style:circle}
article table{text-align:left}
article td,article th{border:1px solid grey;padding:2px 5px}
footer{padding:30px;text-align:right;border-top:3px solid #b36262}
article p,article li{margin-bottom:10px}
article ul,article ol{margin-left:40px}
#wrapPreview{margin-bottom:50px}
#wrapPreview,#wrapSource{background:#FFF;outline:none;box-shadow:0 0 10px #1a3149;border-radius:5px;overflow:hidden}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.CodeMirror{font-family:monospace;color:black}
.CodeMirror-lines{padding:4px 0}
.CodeMirror pre{padding:0 4px}
.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}
.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}
.CodeMirror-linenumbers{}
.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}
.CodeMirror-guttermarker{color:black}
.CodeMirror-guttermarker-subtle{color:#999}
.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}
.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}
.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}
.cm-fat-cursor div.CodeMirror-cursors{z-index:1}
.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}
@-moz-keyframes blink{0%{}
50%{background-color:transparent}
100%{}
}
@-webkit-keyframes blink{0%{}
50%{background-color:transparent}
100%{}
}
@keyframes blink{0%{}
50%{background-color:transparent}
100%{}
}
.CodeMirror-overwrite .CodeMirror-cursor{}
.cm-tab{display:inline-block;text-decoration:inherit}
.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}
.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}
.cm-s-default .cm-header{color:blue}
.cm-s-default .cm-quote{color:#090}
.cm-negative{color:#d44}
.cm-positive{color:#292}
.cm-header,.cm-strong{font-weight:bold}
.cm-em{font-style:italic}
.cm-link{text-decoration:underline}
.cm-strikethrough{text-decoration:line-through}
.cm-s-default .cm-keyword{color:#708}
.cm-s-default .cm-atom{color:#219}
.cm-s-default .cm-number{color:#164}
.cm-s-default .cm-def{color:#00f}
.cm-s-default .cm-variable,.cm-s-default .cm-punctuation,.cm-s-default .cm-property,.cm-s-default .cm-operator{}
.cm-s-default .cm-variable-2{color:#05a}
.cm-s-default .cm-variable-3{color:#085}
.cm-s-default .cm-comment{color:#a50}
.cm-s-default .cm-string{color:#a11}
.cm-s-default .cm-string-2{color:#f50}
.cm-s-default .cm-meta{color:#555}
.cm-s-default .cm-qualifier{color:#555}
.cm-s-default .cm-builtin{color:#30a}
.cm-s-default .cm-bracket{color:#997}
.cm-s-default .cm-tag{color:#170}
.cm-s-default .cm-attribute{color:#00c}
.cm-s-default .cm-hr{color:#999}
.cm-s-default .cm-link{color:#00c}
.cm-s-default .cm-error{color:#f00}
.cm-invalidchar{color:#f00}
.CodeMirror-composing{border-bottom:2px solid}
div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}
div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}
.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}
.CodeMirror-activeline-background{background:#e8f2ff}
.CodeMirror{position:relative;overflow:hidden;background:white}
.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}
.CodeMirror-sizer{position:relative;border-right:30px solid transparent}
.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}
.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}
.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}
.CodeMirror-scrollbar-filler{right:0;bottom:0}
.CodeMirror-gutter-filler{left:0;bottom:0}
.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}
.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}
.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}
.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}
.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}
.CodeMirror-gutter-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.CodeMirror-lines{cursor:text;min-height:1px}
.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}
.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}
.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}
.CodeMirror-widget{}
.CodeMirror-code{outline:none}
.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}
.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}
.CodeMirror-cursor{position:absolute;pointer-events:none}
.CodeMirror-measure pre{position:static}
div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}
div.CodeMirror-dragcursors{visibility:visible}
.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}
.CodeMirror-selected{background:#d9d9d9}
.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}
.CodeMirror-crosshair{cursor:crosshair}
.CodeMirror-line::selection,.CodeMirror-line > span::selection,.CodeMirror-line > span > span::selection{background:#d7d4f0}
.CodeMirror-line::-moz-selection,.CodeMirror-line > span::-moz-selection,.CodeMirror-line > span > span::-moz-selection{background:#d7d4f0}
.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}
.cm-force-border{padding-right:.1px}
@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}
}
.cm-tab-wrap-hack:after{content:''}
span.CodeMirror-selectedtext{background:none}
@media screen and (min-height:600px){#preview,.CodeMirror{height:230px}
}
@media screen and (min-height:700px){#preview,.CodeMirror{height:280px}
}
@media screen and (min-height:800px){#preview,.CodeMirror{height:330px}
}
@media screen and (min-height:900px){#preview,.CodeMirror{height:380px}
}
@media screen and (min-height:1000px){#preview,.CodeMirror{height:430px}
}
@media screen and (min-height:1100px){#preview,.CodeMirror{height:480px}
}
@media screen and (min-height:1200px){#preview,.CodeMirror{height:530px}
}
@media screen and (min-height:1300px){#preview,.CodeMirror{height:580px}
}