@charset "UTF-8";*{font-family:"Press Start 2P",cursive;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}html,body,#root{height:100%!important;padding:0;margin:0}.ReactModalPortal{height:auto!important;z-index:2000!important}.ReactModal__Overlay{z-index:2000!important}.ReactModal__Content{border:8px solid black!important;width:40%!important;height:20%!important}.ReactModal__Content h1{font-size:30px}.ReactModal__Content button{margin:0}.slide-container{background-color:#000;font-size:14px;line-height:24px}.slide-container .slide-pane__content::-webkit-scrollbar{width:10px;height:10px}.slide-container .slide-pane__content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.slide-container .slide-pane__content::-webkit-scrollbar-track{background:white}.slide-container .slide-pane__content::-webkit-scrollbar-corner{background:white}.slide-container .row{display:flex;flex-direction:row;align-items:center;font-size:16px;margin-top:15px;margin-bottom:10px}.slide-container .row i{font-size:25px;margin-right:15px}.slide-container .content-collapse{margin-top:15px;margin-bottom:40px;padding-left:30px}.slide-container .content-collapse p{margin-top:0;text-align:justify;text-justify:inter-word}.slide-container .content-collapse .script-example{font-size:13px;line-height:21px;padding:20px;border:2px solid rgba(128,128,128,.5);border-radius:2px;margin:20px 0}.slide-container .content-collapse .script-example .sql-command{color:#00f}.slide-container .content-collapse ul{list-style:none;padding-left:15px;margin:15px 0 30px}.slide-container .content-collapse ul li{margin-bottom:15px}.slide-container .content-collapse ul li:before{content:"➤";font-size:12px;text-align:center;vertical-align:text-bottom;padding-right:5px}.slide-container .fa-angle-right,.slide-container .fa-rotate-90{transition:.29s all}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#222;color:#f5f5f5}.home h1{font-size:70px;margin-bottom:140px;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.home .button{width:200px;height:80px;background:white;color:#000;font-size:30px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #CCC;box-shadow:0 0 5px -1px #0003;cursor:pointer}.home .button:active{box-shadow:0 0 5px -1px #0009}.home p{font-size:18px;margin-top:100px}.play{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100%;height:100%;background-color:#222;color:#f5f5f5}.play h1{font-size:30px;margin-bottom:90px;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.play .row{height:auto;display:flex;flex-direction:row}.play .button{width:150px;height:80px;background:white;color:#000;font-size:30px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #CCC;margin:0 30px;box-shadow:0 0 5px -1px #0003;cursor:pointer}.play .button:active{box-shadow:0 0 5px -1px #0009}.play .trophy{max-height:100%;position:absolute;font-size:60px;left:60px}.play .trophy svg{padding-top:60px}.chapter-one{background-color:#222;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.chapter-one .wrapper{display:flex;flex-direction:row;height:85%;background-color:#33344b;padding-top:15px}.chapter-one .wrapper .textbox-container{display:flex;flex-direction:column;padding-left:30px}.chapter-one .wrapper .textbox-container .row-btn{position:relative}.chapter-one .wrapper .textbox-container .btn-continuar{position:absolute;background-color:#f5f5f5;height:35px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid;right:0}.chapter-one .wrapper .textbox-container .btn-continuar:active{background-color:#e7e7e7}.chapter-one .wrapper .textbox-container .btn-voltar{position:absolute;background-color:#f5f5f5;height:35px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid}.chapter-one .wrapper .textbox-container .btn-voltar:active{background-color:#e7e7e7}.chapter-one .wrapper .editor-container{display:flex;flex-direction:column;padding-left:30px}.chapter-one .tables{height:auto;color:#fff;font-size:12px;margin-top:10px;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.chapter-one .tables p{margin:5px 0}.chapter-one .tables .row{display:flex;flex-direction:row}.chapter-one .tables .col{display:flex;flex-direction:column;margin-right:15px}.chapter-one .console-fail{color:#fff}.chapter-one .console-success{color:#87d80e}.textbox{display:flex;flex-direction:column;height:94%}.textbox .background{display:flex;width:100%;height:100%;align-items:end;background-repeat:no-repeat;background-size:cover;background-position:center}.textbox .baloon-text{margin-bottom:30px!important;padding:15px;background-color:#fff;font-size:16px;line-height:30px;min-width:650px;min-height:140px;width:650px;height:140px;max-width:650px;max-height:140px;box-shadow:4px 0 #fff,-4px 0 #fff,0 -4px #fff,0 4px #fff,8px 0 #000,-8px 0 #000,0 -8px #000,0 8px #000,0 0 0 4px #000;margin:8px auto}.textbox .sprite{width:250px;height:250px}.editor{display:flex;flex-direction:column;align-items:flex-end;height:auto;margin-bottom:20px;margin-right:30px;font-size:12px}.editor .console-result{width:480px;height:400px;background-color:#000000b3;overflow:auto;margin-bottom:30px;color:#fff;padding:10px 20px;font-size:11px;z-index:1000;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.editor .console-result p{line-height:16px}.editor .console-result::-webkit-scrollbar{width:10px;height:10px}.editor .console-result::-webkit-scrollbar-thumb{background:white}.editor .console-result::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.editor .console-result::-webkit-scrollbar-corner{background:rgba(0,0,0,.3)}.editor .editor-sql{font-family:"Press Start 2P",cursive!important;line-height:1.5rem!important;z-index:1000}.editor .editor-sql .ace_scrollbar-v::-webkit-scrollbar,.editor .editor-sql .ace_scrollbar-h::-webkit-scrollbar{width:10px;height:10px}.editor .editor-sql .ace_scrollbar-v::-webkit-scrollbar-thumb,.editor .editor-sql .ace_scrollbar-h::-webkit-scrollbar-thumb{background:#acacac}.editor .editor-sql .ace_scrollbar-v::-webkit-scrollbar-track,.editor .editor-sql .ace_scrollbar-h::-webkit-scrollbar-track{background:#f0f0f0}.editor .editor-sql .ace_gutter{z-index:0!important}.editor .btn-executar{background-color:#f5f5f5;width:200px;height:40px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid;margin-top:5px;z-index:1000}.editor .btn-executar:active{background-color:#e7e7e7}.editor textarea{font-size:1em;width:70%;display:block;margin:auto}.editor table{border:1px solid white;background-color:transparent;color:#fff;width:90%;margin:1.5em auto;text-align:center;border-collapse:collapse;table-layout:auto}.editor thead{text-align:center;border:2px solid rgb(255,255,255)}.editor thead td,.editor thead tr{border:2px solid white}.editor td,.editor tr{font-size:11px;min-height:25px;border:1px solid white;line-height:16px!important;padding:4px!important}.editor .error{color:#fff}.help-panel{position:absolute;height:100%;width:100%}.help-panel .help-button{position:absolute;top:30px;left:30px;width:50px;height:50px;font-size:25px;text-align:center;line-height:50px;padding-left:3px;background-color:#fff;border-radius:50%}.slide-pane{display:flex;flex-direction:column;background:#fff;min-width:100px;height:100%;box-shadow:0 8px 8px #00000080;transition:transform .5s;will-change:transform}.slide-pane:focus{outline-style:none}.slide-pane_from_right{margin-left:auto;transform:translate(100%)}.slide-pane_from_right.content-after-open{transform:translate(0)}.slide-pane_from_right.content-before-close{transform:translate(100%)}.slide-pane_from_left{margin-right:auto;transform:translate(-100%)}.slide-pane_from_left.content-after-open{transform:translate(0)}.slide-pane_from_left.content-before-close{transform:translate(-100%)}.slide-pane_from_bottom{height:90vh;margin-top:10vh;transform:translateY(100%)}.slide-pane_from_bottom.content-after-open{transform:translateY(0)}.slide-pane_from_bottom.content-before-close{transform:translateY(100%)}.slide-pane__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000}.slide-pane__overlay.overlay-after-open{background-color:#0000004d;transition:background-color .5s}.slide-pane__overlay.overlay-before-close{background-color:#0000}.slide-pane__header{display:flex;flex:0 0 64px;align-items:center;background:#ebebeb;height:64px;border-bottom:1px solid rgba(0,0,0,.1)}.slide-pane__title-wrapper{display:flex;flex:1;flex-direction:column;margin-left:32px;min-width:0}.slide-pane .slide-pane__title{font-size:18px;font-weight:400;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.slide-pane__close{margin-left:24px;padding:16px;opacity:.7;cursor:pointer}.slide-pane__close svg{width:12px;padding:0}.slide-pane__content{position:relative;overflow-y:auto;padding:24px 32px;flex:1 1 auto}.slide-pane__subtitle{font-size:12px;margin-top:2px}.chapter-two{background-color:#222;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.chapter-two .wrapper{display:flex;flex-direction:row;height:85%;background-color:#33344b;padding-top:15px}.chapter-two .wrapper .textbox-container{display:flex;flex-direction:column;padding-left:30px}.chapter-two .wrapper .textbox-container .row-btn{position:relative}.chapter-two .wrapper .textbox-container .btn-continuar{position:absolute;background-color:#f5f5f5;height:35px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid;right:0}.chapter-two .wrapper .textbox-container .btn-continuar:active{background-color:#e7e7e7}.chapter-two .wrapper .textbox-container .btn-voltar{position:absolute;background-color:#f5f5f5;height:35px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid}.chapter-two .wrapper .textbox-container .btn-voltar:active{background-color:#e7e7e7}.chapter-two .wrapper .editor-container{display:flex;flex-direction:column;padding-left:30px}.chapter-two .tables{height:auto;color:#fff;font-size:12px;margin-top:10px;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.chapter-two .tables p{margin:5px 0}.chapter-two .tables .row{display:flex;flex-direction:row}.chapter-two .tables .col{display:flex;flex-direction:column;margin-right:15px}.chapter-two .console-fail{color:#fff}.chapter-two .console-success{color:#87d80e}.chapter-three{background-color:#222;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.chapter-three .wrapper{display:flex;flex-direction:row;height:85%;background-color:#33344b;padding-top:15px}.chapter-three .wrapper .textbox-container{display:flex;flex-direction:column;padding-left:30px}.chapter-three .wrapper .textbox-container .row-btn{position:relative}.chapter-three .wrapper .textbox-container .btn-continuar{position:absolute;background-color:#f5f5f5;height:35px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid;right:0}.chapter-three .wrapper .textbox-container .btn-continuar:active{background-color:#e7e7e7}.chapter-three .wrapper .textbox-container .btn-voltar{position:absolute;background-color:#f5f5f5;height:35px;border-width:3px;border-radius:4px;border-color:#000;border-style:solid}.chapter-three .wrapper .textbox-container .btn-voltar:active{background-color:#e7e7e7}.chapter-three .wrapper .editor-container{display:flex;flex-direction:column;padding-left:30px}.chapter-three .tables{height:auto;color:#fff;font-size:12px;margin-top:10px;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000}.chapter-three .tables p{margin:5px 0}.chapter-three .tables .row{display:flex;flex-direction:row}.chapter-three .tables .col{display:flex;flex-direction:column;margin-right:15px}.chapter-three .console-fail{color:#fff}.chapter-three .console-success{color:#87d80e}