html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{padding:0;margin:0;height:100%}body{display:flex;flex-direction:column;font-family:"Open Sans",sans-serif;color:#222;background-image:url('../assets/proofofword-background-light.png');background-size:30%, 30%;background-attachment:fixed;background-position:25% 75%}header{margin-bottom:40px;height:120px;min-height:80px;display:flex;flex-direction:column;justify-content:center;background-color:#f5f2e3;text-align:center}header h1{text-transform:uppercase;font-size:48pt;font-weight:bold;color:#ed602b}.main{display:flex;flex:1;flex-direction:row;width:calc(100% - 60px);min-height:350px;margin:0 auto;gap:20px}.main>div{flex:1}.main ::-webkit-scrollbar{width:5px}.main ::-webkit-scrollbar-track{background:#f5f2e3}.main ::-webkit-scrollbar-thumb{background:#f3baa6}.main ::-webkit-scrollbar-thumb:hover{background:#555}.main pre{font-size:13px;font-family:monospace}.main textarea{border-style:dashed;border-color:#ed602b;outline:none;padding:10px;width:100%;word-wrap:break-word}@media all and (max-width:640px){.main{flex-direction:column}.main .console{padding:0 50px 0 20px}.main .tutorial{flex:3;margin-bottom:20px;order:-1}}.main .console{padding-right:20px;font-family:monospace;overflow:auto;background-color:#fbfaf3;border-style:dashed;border-color:#ed602b;border-width:thin;overflow-y:scroll;flex:3}.main .console .console-header{color:#ed602b}.main .console .console-text{padding-left:10px;padding-top:10px}.main .console .info{color:#222;margin-bottom:10px}.main .console code{white-space:pre-wrap;word-break:break-all;color:#ed602b}.main .console .prompt+code{color:#222;font-size:13px}.main .console .prompt{color:#ed602b;font-size:13px}.main .console input{font-size:13px;font-family:monospace;border:0;outline:none;background:transparent;width:calc(100% - 30px);margin-left:-1px}.main .console li:nth-child(even){margin:5px 16px}.main .console li:nth-child(odd){margin:5px 0px}.main .console .error{color:#d14;font-size:13px}.main .instructions{display:flex;flex-direction:column;flex:4}.main .instructions strong{font-weight:bold}.main .instructions p.note{background-color:#f5f2e3;border-left:solid 4px #B7CF99;line-height:18px;overflow:hidden;padding:12px;font-style:italic}.main .instructions hr.dashed{border-style:none none dashed;color:#ed602b}.main .instructions .lessons{padding:0 50px 0 50px;overflow:auto}.main .instructions .lessons h1{font-size:18pt;font-weight:600;margin-bottom:20px;color:#087B75}.main .instructions .lessons h2{font-size:18pt;font-weight:600;margin-bottom:20px;color:#ed602b}.main .instructions .lessons h3{font-size:14pt;font-weight:600;margin-bottom:20px;color:#ed602b}.main .instructions .lessons p,.main .instructions .lessons pre{line-height:1.4;margin-bottom:10px}.main .instructions .lessons li{line-height:1.4;margin-bottom:5px;list-style:circle;margin-left:20px}.main .instructions .lessons code{font-family:monospace;white-space:pre;border-radius:3px;padding:3px;color:#222;font-weight:bold}.main .instructions .lessons consoleCommand{font-family:monospace;white-space:pre;border-radius:3px;background:#fbfaf3;padding:3px;color:#ed602b}.main .instructions .lessons em{font-style:italic}.main .instructions .lessons .lesson{background-color:white}.main .instructions .lessons .lesson-image{max-width:100%;height:auto}.main .instructions .lessons .lesson:not(.lesson1){display:none}.main .instructions .lessonFooter{display:flex;flex:1;flex-direction:row;width:calc(100% - 60px);min-height:50px;margin:0 auto}.main .instructions .lessonFooter>div{flex:1}.main .instructions .lessonFooter .navigationButtonArea{padding:20px 10px 0 10px;font-size:12px}.main .instructions .lessonFooter button:enabled{background-color:#ed602b;color:white;font-family:'Courier New',Courier,monospace;border:none}.main .instructions .lessonFooter button:hover:enabled{transform:translate(2px, 2px);box-shadow:2px 2px #B7CF99}.main .instructions .lessonFooter .progressIndicator{padding:20px 0 0 0;color:#ed602b;font-family:'Courier New',Courier,monospace;font-size:12px}footer{margin-top:30px;height:90px;display:flex;flex-direction:column;justify-content:center;background-color:#f5f2e3;text-align:center}@media all and (max-width:500px){.gh-ribbon{display:none}}.hidden-storage{display:none}