#caret[data-v-5b54dd3e]{z-index:10;color:#fff;display:block;position:absolute;font-family:monospace}#caret.hidden[data-v-5b54dd3e]{display:none}#editor[data-v-5b54dd3e]{cursor:text;color:#fff;display:flex;overflow:auto;flex-direction:column;background-color:#000}#editor .row[data-v-5b54dd3e]{width:100%;display:flex;flex-direction:row;font-family:monospace}#editor .row div[data-v-5b54dd3e]:first-child{color:bisque;display:flex;min-width:30px;font-family:monospace;border-right:1px solid bisque}#editor .row div[data-v-5b54dd3e]:last-child{flex:1 0;display:flex;margin-left:10px;overflow-x:visible;font-family:monospace}#editor .row div:last-child span[data-v-5b54dd3e]{max-height:21px;overflow-x:visible;white-space:nowrap;margin-right:7.81px;font-family:monospace}#editor .row div:last-child span[data-v-5b54dd3e]:last-child{margin:0}.CLOSE[data-v-5b54dd3e],.OPEN[data-v-5b54dd3e]{color:#ffa07a}.TYPE[data-v-5b54dd3e]{color:orange}.LITERAL[data-v-5b54dd3e],.QUOTE[data-v-5b54dd3e]{color:#d3d3d3}.ERROR[data-v-5b54dd3e]{color:salmon}.OUT[data-v-5b54dd3e]{color:#90ee90}.IN[data-v-5b54dd3e]{color:#0ff}.MATH[data-v-5b54dd3e],.REFID[data-v-5b54dd3e]{color:plum}.ID[data-v-5b54dd3e]{color:#ff0}.ENDIF[data-v-5b54dd3e],.ENDWHILE[data-v-5b54dd3e],.IF[data-v-5b54dd3e],.WHILE[data-v-5b54dd3e]{color:#87ceeb}#back[data-v-5e5cdca3],#next[data-v-5e5cdca3]{margin:0;top:10px;padding:0;width:50px;z-index:10;height:50px;display:flex;color:#fff;font-size:40px;cursor:pointer;position:absolute;border-radius:100%;align-items:center;justify-content:center;border:1px solid #fff;background-color:orange;box-shadow:0 3px 5px #ddd}#next[data-v-5e5cdca3]{right:10px;text-shadow:3px 3px 3px #e49400}#back[data-v-5e5cdca3]{left:10px;text-shadow:-3px 3px 3px #e49400}#back[data-v-5e5cdca3]:hover,#next[data-v-5e5cdca3]:hover{opacity:.85;text-shadow:none}#back[data-v-5e5cdca3]:active,#next[data-v-5e5cdca3]:active{transition:.3s;text-shadow:none;box-shadow:0 0 7px orange}#lesson[data-v-5e5cdca3]{display:flex;overflow:auto;flex-wrap:wrap;justify-content:center}#lesson p[data-v-5e5cdca3]{display:flex;margin:10px 0;max-width:51%;min-width:51%;padding:10px 20px;border-radius:3px;background-color:#eee;flex-direction:column;justify-content:center;box-shadow:0 3px 5px #ddd}#lesson p span[data-v-5e5cdca3]{margin:0;max-width:100%;min-width:100%;box-shadow:none;padding:5px 0 0 0;background-color:transparent}#lesson p.loading[data-v-5e5cdca3]{background-color:#fff;box-shadow:none}#lesson p.loading span[data-v-5e5cdca3]{display:flex;font-size:30px;min-height:100%;align-items:center;justify-content:center}#lesson p.header span[data-v-5e5cdca3]{padding:0;display:flex;color:orange;font-size:30px;align-items:center;justify-content:center}#lesson p.paragraph[data-v-5e5cdca3]{color:#696969;font-size:18px;align-items:center}#lesson p.code[data-v-5e5cdca3]{background-color:#000}#lesson p.code span[data-v-5e5cdca3]{display:flex;color:bisque;font-family:monospace}.blinking[data-v-5e5cdca3]{-webkit-animation:blinkingText-5e5cdca3 1s infinite;animation:blinkingText-5e5cdca3 1s infinite}@-webkit-keyframes blinkingText-5e5cdca3{0%{color:#696969}49%{color:transparent}50%{color:transparent}99%{color:transparent}to{color:#696969}}@keyframes blinkingText-5e5cdca3{0%{color:#696969}49%{color:transparent}50%{color:transparent}99%{color:transparent}to{color:#696969}}@media only screen and (max-width:1385px){#lesson p[data-v-5e5cdca3]{max-width:80%;min-width:80%}}@media only screen and (max-width:800px){#lesson p[data-v-5e5cdca3]{max-width:75%;min-width:75%}}footer[data-v-a476347c]{height:50px;background-color:orange}img[data-v-a476347c]{width:200px}nav[data-v-a476347c]{display:flex;min-width:100%;min-height:100%;align-items:center;justify-content:space-evenly}nav.right[data-v-a476347c]{justify-content:flex-end}a[data-v-a476347c]{width:75px;height:47px;display:flex;color:#fff;font-size:18px;cursor:pointer;align-items:center;text-decoration:none;justify-content:center;border-top:3px solid orange}a[data-v-a476347c]:active,a[data-v-a476347c]:hover{color:grey;border-top:3px solid grey}.active[data-v-a476347c]{color:#fff;border-top:3px solid #fff}.active img[data-v-a476347c]{opacity:.5}main{overflow:hidden;max-width:100vw;min-width:100vw;max-height:100vh;min-height:100vh}section{overflow:auto;height:calc(100vh - 50px);min-height:calc(100vh - 50px);max-height:calc(100vh - 50px)}#editor,#lesson,#output{height:100%;max-height:100%;min-height:100%}#editor.lesson,#lesson.editor,#output.lesson{height:50%;max-height:50%;min-height:50%}#editor.lesson.output,#output.lesson.editor{width:50%;max-width:50%;min-width:50%}