html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:-apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:20px;line-height:1.5;color:#333;text-rendering:optimizeSpeed;padding-bottom:80px;background-color:#ffc800}.a11y-hide{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.hide{display:none!important}a{color:#f0f}main{padding:20px;max-width:90%;margin:auto}heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}heading h1{text-shadow:1px 1px 0 #606,2px 2px 0 #909,3px 3px 0 #c0c,4px 4px 0 #e600e5,5px 5px 0 #f0f;letter-spacing:.05em;color:#000;text-transform:uppercase}nav>button{display:none}.admin nav>#back,.admin nav>#shuffle,nav>#next{display:inline-block}nav>button{font-size:100%;padding:.8em 1.8em;border:3px solid #fff;cursor:pointer;color:#fff;background-color:transparent;text-transform:uppercase;letter-spacing:.05em;margin:.2em;text-shadow:2px 2px 1px rgba(0,0,0,.3)}nav>button.active{background-color:#c0c}.prompt{min-height:2em;background-color:#ddd;padding:1em 1.5em;border:3px solid #fff}.tests-and-code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.test-area{-webkit-box-flex:3;-ms-flex:3;flex:3;font-size:70%;position:relative;margin-right:.5em}.test-status{background-color:#333;color:#fff;padding:.5em 1em;text-align:center;font-size:150%;letter-spacing:.05em}.test-status.pass{background-color:#1ec71e}.test-status.fail{background-color:#e600e5}.tests{margin-top:.5em}.test{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin:0 0 .5em}.test-heading{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;background-color:#333;padding:.25em}.test-heading .test-status-single{margin-right:.4em;transition:color .2s ease-in-out}.test-heading .test-status-single.pass{color:#90ee90}.test-heading .test-status-single.fail{color:#f0f}.feedback{font-size:80%;padding:1em;background-color:#ddd;color:#333}.code-area{-webkit-box-flex:7;-ms-flex:7;flex:7;position:relative}.code-area>*{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:80%;color:#fff;background-color:#333;border:transparent}.evaluated,textarea{padding:1.3em 1em 1em;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2}textarea{resize:vertical}.output{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.label{position:absolute;top:0;left:0;margin:.1em .3em;font-size:12px;text-transform:uppercase;color:#6fe96f}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1em}footer>div{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;font-size:70%}.copyright{font-size:100%}@media (max-width:700px){heading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}heading h1{text-align:center;line-height:1em}.tests-and-code{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.test-area{width:100%}}