body{margin:0;background:#212121;color:silver}
.CodeMirror pre{line-height:16px}
#as-in,#as-out{position:fixed;top:90px;left:20px;bottom:40px;overflow:hidden;font-size:12px;height:auto;width:calc(50% - 30px);padding-bottom:40px}
#as-out{right:20px;left:auto;color:#212121;font-size:16px;line-height:1.5em}
#in,#out{position:relative;height:100%;min-height:200px;overflow:auto;box-sizing:border-box}
#in{background:#f5f5f5;color:#202020}
#out{background-color:#fff;padding:10px 20px 0}
#as-in>h2,#as-out>h2{font-size:16px;color:silver;margin:0;border-top:1px dotted silver;padding:10px;text-align:right}
.CodeMirror{height:auto}
.CodeMirror-scroll{padding:30px;box-sizing:border-box}
#menu{display:none;position:fixed;background-color:#111;border-radius:5px;top:50%;left:50%;width:250px;height:150px;margin-top:-75px;margin-left:-125px;z-index:99;text-align:center;color:#fff}
#menu>span{display:block;font-size:1.5em;line-height:1.3;margin-top:.25em}
#menu>div{display:inline-block;width:100px;text-align:center;vertical-align:top;cursor:pointer;opacity:.7}
#menu>div:hover{opacity:1}
#menu svg{width:64px;height:64px;margin:0 auto;display:block}
#menu path{fill:#fff}
#close-menu{position:absolute;top:5px;right:9px;color:#fff;cursor:pointer}
.emoji{width:1em;height:1em;vertical-align:baseline}
.cm-header-1{font-size:2em}
.cm-header-2{font-size:1.75em}
.cm-header-3{font-size:1.5em}
.cm-header-4{font-size:1.3em}
.cm-header-5{font-size:1.2em}
.cm-header-6{font-size:1.15em}
.cm-quote{color:#90a959;font-style:italic}
.view #in{display:none}
.view #out{left:0;padding-left:10px}
a{color:#0645ad;text-decoration:none}
a:visited{color:#0b0080}
a:hover{color:#06e}
a:active{color:#faa700}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
p{margin:1em 0}
img{max-width:100%}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#111;line-height:1em}
h4,h5,h6{font-weight:700}
h1{font-size:2.5em}
h2{font-size:2em}
h3{font-size:1.5em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:.9em}
blockquote{color:#666;margin:0;padding-left:3em;border-left:.5em #eee solid}
hr{display:block;height:2px;border:0;border-top:1px solid #aaa;border-bottom:1px solid #eee;margin:1em 0;padding:0}
code,pre{color:#000;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.94em;border-radius:3px;background-color:#f8f8f8;border:1px solid silver}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:5px}
pre code{border:0!important;background:0 0!important;line-height:1.3em}
code{padding:0 5px}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ol,ul{margin:1em 0;padding:0 0 0 2em}
li p:last-child{margin:0}
dd{margin:0 0 0 2em}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:top;padding:4px 10px;border:1px solid #bbb}
tr:nth-child(even) td,tr:nth-child(even) th{background:#eee}
.as-page{background:#212121;color:#ffe6e6;height:100vh;min-height:100vh;position:relative;font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif}
#as-footer,.as-header h1,.as-header h1 a{margin:0 auto;padding:25px;text-align:center;color:#ffe6e6;font-family:'Courier New',Courier,'Lucida Typewriter',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-header{padding:0 20px;display:-ms-flexbox;display:-webkit-flex;display:flex;list-style:none;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
[class*=as-text-]{list-style:none;font-size:.75rem;line-height:1.5;color:silver}
.as-text-right{text-align:right}
#as-footer{position:fixed;right:0;left:0;bottom:0;width:100%;z-index:13;padding:0}
#as-footer *{float:right;padding:0 20px;font-size:12px;line-height:40px;color:silver}
#as-footer .as-info{float:left;padding:0 0 0 3em}
@media (max-width:959px) {
    .as-info,[class*=as-text-]{display:none;visibility:hidden}
    #as-in,#as-out{position:relative;top:auto;left:20px;bottom:auto;height:auto;width:calc(100% - 40px)}
    #as-out{margin-top:10px;margin-bottom:44px}
}