html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
.wrapcode{background:#ffffff;overflow:auto;width:auto;border:solid #dcc48e;border-width:.1em .1em .1em .8em;padding:5px 15px;display:inline-block}
.color070{color:#007700}
.color00c{color:#00c}
.bgff0{background-color:#eaefd3;font-weight:bold}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#2c00ff}
img.icon{width:25px;height:25px;vertical-align:middle}
span#dropdown{box-shadow:0 2px 5px 0 rgba(3,6,26,0.15);transition:0.5s all ease-in-out}
span#dropdown:hover span.triangleDown{border-top:14px solid #ffffff}
span#dropdown:hover{cursor:pointer;-webkit-animation:none;animation:none}
span#dropdown:focus{outline:0}
span#dropdown:before{content:"";display:block;position:absolute;background:rgba(255,255,255,0.5);width:60px;height:100%;left:0;top:0;opacity:0.5;filter:blur(30px);transform:translateX(-100px) skewX(-15deg)}
span#dropdown:after{content:"";display:block;position:absolute;background:rgba(255,255,255,0.2);width:30px;height:100%;left:30px;top:0;opacity:0;filter:blur(5px);transform:translateX(-100px) skewX(-15deg)}
span#dropdown:hover{}
span#dropdown:hover:before{transform:translateX(50px) skewX(-15deg);opacity:0.6;transition:0.7s}
span#dropdown:hover:after{transform:translateX(50px) skewX(-15deg);opacity:1;transition:0.7s}
#dropdown{background:#27233a;color:#FFF;display:inline-block;padding:2px 9px;border-radius:10px;position:relative;user-select:none;cursor:pointer;margin:0 4px}
#dropdown:hover{outline:2px solid #eaefd3}
#dropdownOptions{background:white;border:2px solid #27233a;position:absolute;right:0;display:none;top:34px;text-align:right;overflow:hidden;min-width:180px;border-radius:10px}
#dropdownOptions a{display:block;text-decoration:none;color:#5c6157;padding:2px 10px;line-height:40px}
a#proLink{color:#27233a}
#dropdownOptions a:hover{background:#dcc48e;color:#000}
#dropdownOptions a strong{float:left}
.wiggly{-webkit-animation:wiggle 3s 5s infinite;animation:wiggle 3s 5s infinite}
@-webkit-keyframes wiggle{5%,50%{transform:scale(1)}
10%{transform:scale(0.9)}
15%{transform:scale(1.15)}
20%{transform:scale(1.15) rotate(-5deg)}
25%{transform:scale(1.15) rotate(5deg)}
30%{transform:scale(1.15) rotate(-3deg)}
35%{transform:scale(1.15) rotate(2deg)}
40%{transform:scale(1.15) rotate(0)}
}
@keyframes wiggle{5%,50%{transform:scale(1)}
10%{transform:scale(0.9)}
15%{transform:scale(1.15)}
20%{transform:scale(1.15) rotate(-5deg)}
25%{transform:scale(1.15) rotate(5deg)}
30%{transform:scale(1.15) rotate(-3deg)}
35%{transform:scale(1.15) rotate(2deg)}
40%{transform:scale(1.15) rotate(0)}
}
.triangleDown{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid #eaefd3;display:inline-block}
.triangleUp{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid #27233a;display:inline-block}
a:hover .triangleUp{border-bottom:30px solid #FFF}
ins{text-decoration:none}
mark{font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #27233A;margin:1em 0;padding:0}
input,select{vertical-align:middle}
strong{font-weight:bold}
.h1{font-size:2em}
.copyButton img{vertical-align:middle;width:16px}
.center{text-align:center}
.h1 img{vertical-align:middle}
.tagline{text-align:center;padding:10px;background:#B3C0A4}
.tagline .wrap{max-width:850px}
.tagline p{font-size:23px;line-height:30px;font-weight:bold;color:#27233a;letter-spacing:1px}
.tagline .h1{margin:20px 0 30px;font-size:50px;display:block;letter-spacing:12px;color:#ffffff;text-shadow:2px 2px 0 #27233A,2px -2px 0 #27233A,-2px 2px 0 #27233A,-2px -2px 0 #27233A,2px 0px 0 #27233A,0px 2px 0 #27233A,-2px 0px 0 #27233A,0px -2px 0 #27233A}
.copyButton{display:inline-block;position:absolute;font-weight:bold;padding:5px 8px;text-align:left;margin:0;user-select:none;line-height:18px;font-size:16px;border-radius:6px;cursor:pointer;background:#FFF;color:black;right:20px;top:6px}
article li,p{margin:0 0 14px;font-size:17px;color:#27233a;line-height:24px}
article li{margin-bottom:5px}
article ul,article ol{margin-left:30px}
body{padding:0;font-family:arial;background:#EAEFD3}
.navigation{display:none}
.h1{margin:20px 0 10px;font-size:35px}
h1{margin:20px 0 10px;font-size:28px;color:#27233a}
article h1{font-size:25px}
h2{margin:40px 0 14px;font-size:27px;font-weight:normal;color:#27233a}
h3{margin:20px 0 10px;font-size:21px;font-weight:normal}
h3.center{display:block;font-size:30px;padding:40px 10px}
h3 a{color:#27233a}
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.textarea{font-family:monospace}
article{max-width:800px;margin:60px auto 100px;padding:10px}
footer{background:#b3c0a4}
.footer ul li{display:inline-block;padding:5px}
.footer a{color:#27233a}
.footer{max-width:800px;margin:0 auto;text-align:right;padding:10px 20px}
.wrap{max-width:1400px;margin:60px auto 0}
.fullScreenMode{position:fixed;top:0;left:0;width:100%;height:100%;max-height:none !important;background:#EAEFD3;z-index:999}
.editorHTML{min-height:15rem;max-height:125rem}
.editorHTML img{max-width:100%}
.editorHTML figure{display:flex;width:100%;margin:.2rem}
.editorHTML figure>img{flex:1}
.editorHTML .mosaic{display:flex;flex-wrap:wrap;width:auto;height:auto}
.editorHTML .mosaic>img{min-width:25%;height:auto}
.editorHTML .fullscreen{width:100%;height:calc(100vh - 40px)}
.editorHTML .toolbar{background-color:#DCC48E;border:2px solid #27233A;width:96%;border-radius:10px 10px 0 0;border-bottom:none;height:37px;padding:2px 2%;overflow:hidden}
.editor ul,.editor ol{margin:0 0 10px 25px}
.toolbar div{border:none;cursor:pointer;display:inline-block;background:#FFF;color:#000;font-weight:bold;font-size:20px;font-family:'Courier New',Courier,monospace;border-radius:7px;margin:5px 5px 5px 0;padding:5px 5px 1px;min-width:26px;text-align:center;line-height:18px;min-height:22px;vertical-align:middle}
.toolbar div img{width:18px;height:18px}
.toolbar div:hover,.copyButton:hover{box-shadow:2px 2px 1px #27233A,-2px 2px 1px #27233A,2px -2px 1px #27233A,-2px -2px 1px #27233A}
.fa-italic{font-style:italic}
.fa-bold{text-shadow:1px 1px 0 #000,1px 0px 0 #000}
.fa-underline{text-decoration:underline}
.editorHTML .editor{border:2px solid #27233A;padding:10px 2%;overflow:auto;background:#FFF;min-height:400px;min-width:200px;border-radius:0 0 10px 10px;display:block;width:96%;margin:0}
textarea{border-top:2px solid #27233A;padding:10px 2%;overflow:auto;background:#FFF;min-height:400px;min-width:200px;display:block;width:96%;margin:0}
#editors{text-align:center}
#editors > div{text-align:left;display:inline-block;width:48%;position:relative;vertical-align:top}
#wysiwyg{margin-right:2%}
#sourceWrap{border-radius:10px;border:2px solid #27233A;padding-top:40px;background:#dcc48e;overflow:hidden}
img{max-width:100%}
@media screen and (max-width:1100px){.h3Btn{display:none !important}
}
@media screen and (max-width:700px){.tagline .h1{margin:18px 0 20px;font-size:38px;letter-spacing:4px}
.wrap{max-width:1400px;margin:30px auto}
.tagline p{font-size:18px;line-height:27px;padding:5px 15px}
}
@media screen and (max-width:650px){#editors > div,#wysiwyg{display:block;width:auto;margin:10px 1% 30px}
.tagline .h1{font-size:38px;letter-spacing:3px}
}
@media screen and (max-width:420px){.h1 img{display:block;margin:auto}
.wrap{margin:15px auto}
.tagline p{font-size:16px;line-height:23px;padding:5px}
}
}