@import url(https://fonts.googleapis.com/css?family=Yellowtail);@import url(https://fonts.googleapis.com/css?family=VT323);*{box-sizing:border-box}:focus{outline-color:#00ccff}body,html{margin:0;padding:0;height:100%}body{background:#000;color:#fff;font-family:monospace;font-size:1em}a{color:#ff00cc;text-decoration:none;border-bottom:1px dashed #ff00cc;transition:color .3s ease}a:hover{color:#fff}h2{font-family:Yellowtail,sans-serif;font-size:4em;text-shadow:4px 4px #ff00cc;transform:rotate(-5deg);margin-top:-.4em}h3{font-family:VT323,sans-serif;font-size:3em;color:#00ccff}footer{position:fixed;z-index:9999;background:#000;bottom:0;left:0;border-top:1px solid #200220;border-right:1px solid #200220;padding:1em}button,footer{text-align:center}button{-webkit-appearance:none;appearance:none;border:none;border-radius:5px;padding:.3em;background-color:#422647;color:#ff00cc;cursor:pointer;transition:color .3s ease,background-color .3s ease;font-family:VT323;font-size:1.5em}button:disabled{opacity:.3}button:not([disabled]):hover{background-color:#ff00cc;color:#fff}#app{overflow-y:auto;overflow-x:hidden;background:#422647 fixed linear-gradient(120deg, #ff00cc, #0d0727, black, #200220, #00ccff)}#app,section{text-align:center;height:100%}section{display:flex;flex-direction:column;align-items:center;justify-content:center}.example-code{font-size:2.4em;line-height:1.5;overflow-y:scroll;max-width:80vw;max-height:60vh}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}._1WqJ4QqlK21z-vOCkFmdpD{font-family:VT323}._1WqJ4QqlK21z-vOCkFmdpD,._1WqJ4QqlK21z-vOCkFmdpD>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._1WqJ4QqlK21z-vOCkFmdpD>div{vertical-align:middle}._1WqJ4QqlK21z-vOCkFmdpD i{font-size:1.5em;font-family:monospace;display:inline-block;margin:0 .3em 0 .6em;vertical-align:middle}._1WqJ4QqlK21z-vOCkFmdpD input[type=radio]{-webkit-appearance:none;appearance:none;cursor:pointer;background-color:#422647;width:30px;height:30px;display:inline-block;vertical-align:middle}._1WqJ4QqlK21z-vOCkFmdpD input[type=radio]:checked{background-color:#ff00cc}.Kwq2mXu1ToeHMYCae7LFt{font-size:1.5em;display:inline-block;width:100px;text-align:center}._3Ii39ZQwPauqLy7nTnpl7V span{display:inline-block;font-size:3em;width:120px;text-align:center}._3Ii39ZQwPauqLy7nTnpl7V button{margin-right:.5em}._34j8jjgM0OJZ7ACBeBhdZM{color:#ff0022;animation:e2sVet1QpAp6x51nLsTK- 1s infinite alternate ease}@keyframes e2sVet1QpAp6x51nLsTK-{0%{opacity:0}to{opacity:1}}._30JzYI5o5uhRhU7cb92U1r,.TGtzd4FZ7CwPNYTcET6e8{width:200px;height:15px;display:block;position:relative}._30JzYI5o5uhRhU7cb92U1r span,.TGtzd4FZ7CwPNYTcET6e8 span{position:absolute;display:block;will-change:width;transition:width .2s ease;top:0;left:0;bottom:0}._30JzYI5o5uhRhU7cb92U1r{background:#422647}._30JzYI5o5uhRhU7cb92U1r span{background:#ff00cc}.TGtzd4FZ7CwPNYTcET6e8{background:#0d0727}.TGtzd4FZ7CwPNYTcET6e8 span{background:#00ccff}._2Id-SmYkxQu_XGY9bE3Z69{position:absolute;z-index:5}._23b99c60hzNFlYWeO5EU7C{--exp-r:10px;--exp-l:-10px;font-family:Yellowtail,sans-serif;font-size:8em;line-height:1.3;max-width:700px;color:#fff;transform-origin:50% 50%;transform:rotate(-30deg);text-shadow:var(--exp-r) var(--exp-r) #ff00cc,var(--exp-l) var(--exp-l) #00ccff;animation:Zqhj2OJA1SlfJ3mdkjt6n 6s infinite alternate ease-in-out;margin-top:-20px}@keyframes Zqhj2OJA1SlfJ3mdkjt6n{0%{transform:rotate(-20deg)}to{transform:rotate(-10deg)}}.GkViWT-h1VJ72odj3qWkA{font-size:2em;font-family:VT323}.GkViWT-h1VJ72odj3qWkA p{margin:0}.uZHcuP8a4FZk1RFx654fb{width:100%;height:600px;position:absolute;image-rendering:pixelated;z-index:3;top:50%;left:0;right:0;transform:translateY(-50%)}._3ZlAiLC0OLAWsoM0y7W4B5{height:200%;max-height:50vh}._3mxvfPOGTrp5vPwwulvYjF{display:flex;flex-direction:row;align-items:center;justify-content:center}._3XRuYIouKLPSh0BcaTgyRT{font-size:3em;text-align:left;padding:1em;margin:0 .6em;min-width:300px;background:#000;border:2px solid #200220;max-height:60vh}._1mLIogSoMfbW7eJof3KwIa span{color:#33ff99;font-size:2em;display:block}._1mLIogSoMfbW7eJof3KwIa:nth-child(4){margin-right:1.6em}.dHlc6Utm6-7mnUVi1BUe2{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;max-width:80%}.dHlc6Utm6-7mnUVi1BUe2>[data-example]{margin:2em 3em 0;text-align:center}._1vQDotkjhCniIxsXBQfYju{width:250px;height:200px;position:relative;border-bottom:3px solid #fff}._1vQDotkjhCniIxsXBQfYju span{display:inline-block;background:green linear-gradient(0deg,red,transparent);background-size:100% 200px;width:10px;position:absolute;bottom:0;transition:height .2s ease}._3LVcSsdYd581zTqq1aGcv7{height:250px;width:250px;border-radius:50%;background:#006400 radial-gradient(rgba(0,0,0,.4),transparent);border:5px solid #566a20;box-shadow:0 0 10px rgba(0,0,0,.4)}._1NOD_7d1e9FrjBNPKuzamD{--rad:10px;border-radius:50%;max-width:200px;max-height:200px;box-shadow:0 0 0 var(--rad) #666;transition:box-shadow .2s ease}._2jg6sSvI7jSdXvOM5LCQzL{font-size:3em;margin-bottom:1em}._3UxskcUVDdxYbpfj6NcVlw h3{margin-top:0}._3UxskcUVDdxYbpfj6NcVlw p{font-size:2em}._3hTrufPKpiQK3tmkTVYu_W{--scale:1;font-size:18em;transform:scale(var(--scale));text-shadow:10px 10px #ff00cc,-10px -10px #00ccff;margin-bottom:0}