:root{--fontRegular:14px;--radius:0.25rem;--mainPadding:3rem;--btn-padding:0.5rem;--mainColor:#38a6ad;--mainColoDark:#948080;--secondaryColor:#818181;--success:#69da6b;--incomplete:#d11606;--editorFontSize:16px;--editorHeight:33.5vh;--gridGap:1.5rem;color:#d2eef0;margin:0;padding:0}.App,body{width:100vw;height:100vh;overflow:hidden}.App{box-sizing:border-box;padding:3rem;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-size:var(--fontRegular);background:linear-gradient(90deg,#38a6ad 50%,#a3ab9c 0);background:linear-gradient(90deg,var(--mainColor) 50%,#a3ab9c 0)}.app-container{display:flex;width:100%;height:100%;justify-content:space-around}.app-container_play,.app-container_results{display:flex;flex-direction:column;width:50%}.show{display:flex}.no-show{display:none}.editor_title{background-color:#262729;color:#fff;align-self:flex-start;padding:.5rem;padding:var(--btn-padding);width:100%;margin:0;border-radius:.25rem .25rem 0 0;border-radius:var(--radius) var(--radius) 0 0}.editor__emmet,.editor__expected-html,.editor__result-html{display:flex;flex-direction:column;align-items:stretch;margin:2rem}.editor__emmet{height:50%;max-height:200px;position:relative}.react-codemirror2{width:100%;font-size:16px;font-size:var(--editorFontSize)}div.CodeMirror-scroll>div.CodeMirror-gutters{background-color:#818181;background-color:var(--secondaryColor)}.CodeMirror-code>div>div>div{color:#fff}.wrong:hover{-webkit-animation:headShake 1s ease-in;animation:headShake 1s ease-in}.btn-next.correct{background-color:#69da6b;background-color:var(--success);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.editor__emmet .btn-next.disabled:hover{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes beat{to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes beat{to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media only screen and (max-width:850px){body{overflow:hidden}.App{background:none;overflow-y:scroll;overflow-x:hidden;padding:0;width:107vw;height:107vh}.app-container{flex-direction:column;justify-content:center;width:100vw;background-color:#38a6ad;background-color:var(--mainColor);overflow:scroll;height:unset}.app-container_play,.app-container_results{width:98vw;padding:1rem}.app-container_play{background-color:#38a6ad;background-color:var(--mainColor)}.app-container_results{background-color:#a3ab9c}.credit{top:93vh}}.editor_title{font-family:"Fredoka One",cursive}.editor{border-radius:var(--radius);overflow:hidden;text-align:left}.header_exercises{position:relative;background-color:var(--mainColoDark);border-radius:var(--radius);display:flex;justify-content:space-evenly;align-items:center;height:30px}.header_exercises__nav-title{display:flex;align-items:center;height:100%;padding:0 var(--gridGap) 0 var(--gridGap)}.header_exercises__nav-title:hover{background-color:hsla(0,0%,100%,.3);cursor:pointer}.header_exercises__nav-title span{display:inline-block;width:3ch}
/*# sourceMappingURL=main.f8e687b4.chunk.css.map */