body,html{height:100%}body{font-size:calc(10px + 1vw);line-height:calc(1.1em + .5vw)}*{margin:0;padding:0}h1{margin:20vh 3em .5em 1em;font-size:calc(2em + 3vw);line-height:calc(1.1em + .5vw)}#main,#instructions{width:100%;height:100%;position:absolute;top:0;left:0}#instructions .title{color:#ececec}#instructions .help{color:#1f1f1f;text-align:center;width:auto;padding:1em;position:absolute;bottom:1em;left:1em;right:1em}#toast-wrapper{pointer-events:none;text-align:center;width:100%;position:fixed;top:50px}#toast{color:#fff;opacity:0;background-color:#000c;border-radius:5px;padding:10px 20px;font-weight:bolder;transition:all .4s}#toast.shown{opacity:1}.github-corner svg{color:#fff;fill:#1f1f1f;border:0;position:absolute;top:0;right:0}.github-corner .octo-arm{transform-origin:130px 106px}.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}