@font-face{font-family:"Lato";font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwiPHA.ttf) format("truetype")}@font-face{font-family:"Lato";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wWw.ttf) format("truetype")}@font-face{font-family:"Lato";font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPHA.ttf) format("truetype")}@font-face{font-family:"PT Mono";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/ptmono/v8/9oRONYoBnWILk-9AnC8zNg.ttf) format("truetype")}body{background:#6b7280;font-family:Lato,sans-serif;font-size:15px;margin:0}*,:after,:before{box-sizing:border-box}:focus{outline:none}a{text-decoration:none;color:inherit}main{min-height:100vh;display:flex;display:-webkit-flex;align-items:center;flex-direction:column}.title{color:#fff;text-align:center;font-weight:300;text-shadow:0 1px 0 rgba(0,0,0,.2);font-size:2.8em;margin-top:1.5em}.title small{display:block;font-size:.6em;margin-top:.4em}.credits{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);margin-top:2em;font-size:.8em;opacity:.5}.window{width:547px;background:#f8f8ff;border-radius:.3rem;box-shadow:0 8px 12px rgba(0,0,0,.1);overflow:hidden}.window .window-header{height:37px;background:#dcdcdc;position:relative}.window .window-header .action-buttons{position:absolute;top:50%;left:10px;margin-top:-5px;width:10px;height:10px;background:#dc143c;border-radius:50%;box-shadow:15px 0 0 orange,30px 0 0 #32cd32}.window .window-header .language{display:inline-block;position:absolute;right:10px;top:50%;margin-top:-10px;height:21px;padding:0 1em;text-align:right;-webkit-appearance:none;appearance:none;border:none;background:transparent;font-family:Lato,sans-serif;color:#696969;text-transform:uppercase}.window .window-header .language:before{content:""}.window .window-header .language:hover{background:rgba(0,0,0,.1)}.window .window-body{position:relative;height:300px}.window .window-body .code-input,.window .window-body .code-output{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem;border:none;font-family:"PT Mono",monospace;font-size:.8rem;background:transparent;white-space:pre-wrap;line-height:1.5em;word-wrap:break-word}.window .window-body .code-input{opacity:.7;margin:0;color:#999;resize:none}.window .window-body .code-output{pointer-events:none;z-index:3;margin:0;overflow-y:auto}.window .window-body .code-output code{position:absolute;top:0;left:0;margin:0;padding:1rem;display:block;color:#666;font-size:.8rem;font-family:"PT Mono",monospace}a.token{text-decoration:none}.token.keyword,.token.punctuation,.token.selector{color:#db7093}.token.number,.token.property,.token.punctuation,.token.string,.token.tag-id{color:#1e90ff}.token.attr-name,.token.function{color:#5f9ea0}.token.atrule .atrule-id{color:#8a2be2}.token.boolean{color:#789}.token.comment{color:#a9a9a9}.language-php .variable{color:#5f9ea0}.header-content{text-align:center;padding:1rem 0}.preview{display:inline-block;position:absolute;right:10px;top:50%;margin-top:-10px;height:21px;padding:0 1em;text-align:right;-webkit-appearance:none;appearance:none;background:transparent;font-family:Lato,sans-serif;color:#696969;text-transform:uppercase;border:1px solid;cursor:pointer;font-weight:800}.preview-header{height:37px;background:#dcdcdc;background:#70e1f5;background:linear-gradient(90deg,#ffd194,#70e1f5);position:relative}.m-top{margin-top:1rem}.wrapper{display:flex;justify-content:center;padding-bottom:2rem}iframe{border:none}
/*# sourceMappingURL=main.1915f72f.chunk.css.map */