@import url(https://fonts.googleapis.com/css?family=Bungee+Outline);@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes upDown{0%{bottom:30%;left:20%}50%{bottom:33%;left:20%}}@keyframes upDown{0%{bottom:30%;left:20%}50%{bottom:33%;left:20%}}@-webkit-keyframes flow{to{background-position:0 -100000%}}@keyframes flow{to{background-position:0 -100000%}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes forward{0%{background-position:0 0}to{background-position:0 2000%}}@keyframes forward{0%{background-position:0 0}to{background-position:0 2000%}}.octo-forward{transition:-webkit-transform 2.5s ease-in-out;transition:transform 2.5s ease-in-out;transition:transform 2.5s ease-in-out,-webkit-transform 2.5s ease-in-out;-webkit-transform:translate(100vw);transform:translate(100vw)}.lighten-background{opacity:.5}.ship-position-1{-webkit-transform:translate(0);transform:translate(0)}.ship-position-2{-webkit-transform:translate(10vw);transform:translate(10vw)}.ship-position-3{-webkit-transform:translate(22vw);transform:translate(22vw)}.explode{-webkit-transform:scale(2);transform:scale(2)}.ship-position-4{-webkit-transform:translate(34vw);transform:translate(34vw)}.ship-position-5{-webkit-transform:translate(46vw);transform:translate(46vw)}.obstacle-pos-10{left:0}.obstacle-pos-20{left:20%}.obstacle-pos-30{left:40%}.obstacle-pos-40{left:60%}.obstacle-pos-50{left:80%}.obstacle-pos-60{left:40%;top:30%}.obstacle-pos-11{left:0;top:20%}.obstacle-pos-21{left:20%;top:10%}.obstacle-pos-31{left:40%;top:15%}.obstacle-pos-41{left:60%;top:13%}.obstacle-pos-51{left:80%;top:19%}.obstacle-pos-61{left:20%;top:30%}.obstacles-move{transition:-webkit-transform 3s ease-in-out;transition:transform 3s ease-in-out;transition:transform 3s ease-in-out,-webkit-transform 3s ease-in-out;-webkit-transform:translateY(90vh);transform:translateY(90vh)}.obstacles-show{-webkit-animation:show-obstacle 2s ease-in-out;animation:show-obstacle 2s ease-in-out}@-webkit-keyframes show-obstacle{0%{top:-20vh}to{top:0}}@keyframes show-obstacle{0%{top:-20vh}to{top:0}}section.splash-page{position:relative;height:100vh;text-align:center;font-family:IBM Plex Sans,sans-serif}section.splash-page:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;z-index:-1;background:url(/git-commander/static/media/star-background.ceda136c.jpg) 0 0 repeat;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:forward 600s linear infinite;animation:forward 600s linear infinite}section.splash-page h2{font-family:Bungee Outline,cursive;letter-spacing:3px;color:#fff;font-size:70px;margin-top:10%}section.splash-page .octocat-ship{width:20%;position:absolute;bottom:25%;left:20%;z-index:10;-webkit-animation:upDown 5s infinite alternate;animation:upDown 5s infinite alternate}section.splash-page .form-item-container{color:#fff;display:-webkit-flex;display:flex;width:30%;margin:auto;-webkit-flex-direction:column;flex-direction:column;text-align:center}section.splash-page .form-item-container label{padding:10px;font-size:1.2rem}section.splash-page .form-item-container input#userName{font-size:2rem;text-align:center;height:50px;background-color:#212730;color:#fff;font-family:Source Code Pro,monospace;border-radius:10px 10px 0 0}section.splash-page .form-item-container .start-game-btn{height:50px;font-size:1.5rem;border-radius:0 0 10px 10px;font-weight:700;transition:all .2s ease-in-out;background-color:hsla(0,0%,100%,.8)}section.splash-page .form-item-container .start-game-btn:hover{cursor:pointer;background-color:#fff}section.splash-page div.instructions-cont{width:40%;position:absolute;top:35%;left:40%;background-color:hsla(0,0%,100%,.95);border-radius:20px;padding:10px}section.splash-page div.instructions-cont h3{font-size:2rem}section.splash-page div.instructions-cont h4{font-size:1.2rem}section.splash-page div.instructions-cont ol{text-align:left;width:80%;margin:10px auto;font-size:1.2rem}article.challenge-card{background-color:#212730}article.challenge-card div{color:rgba(89,255,0,.8);font-family:Source Code Pro,monospace;margin:20px;padding:10px;border:1px dashed #00f}article.challenge-card div:first-child{font-family:IBM Plex Sans,sans-serif}section.game-window{background:url(/git-commander/static/media/star-background.ceda136c.jpg) repeat 0 0;-webkit-animation:flow 1000s linear infinite;animation:flow 1000s linear infinite;position:relative}section.game-window div.obstacle-container{position:relative;height:100%}section.game-window div.obstacle-container .obstacle{width:15%;margin:20px;position:absolute;-webkit-animation:spin 7s linear infinite;animation:spin 7s linear infinite;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}section.game-window .octo-ship{width:20%;position:absolute;bottom:5%;transition:-webkit-transform 1.9s ease-in-out;transition:transform 1.9s ease-in-out;transition:transform 1.9s ease-in-out,-webkit-transform 1.9s ease-in-out}div.progress-indicator{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:10%;position:absolute;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-end;align-items:flex-end;right:0;top:0}div.progress-indicator .current-round{background-color:rgba(89,255,0,.8)}div.progress-indicator span{width:30%;border-top:1px solid #212730;height:30%;background-color:hsla(0,0%,100%,.7)}div.progress-indicator span:first-child,div.progress-indicator span:last-child{width:100px;padding:5px;height:45px;text-align:center;font-size:1.3rem;font-family:IBM Plex Sans,sans-serif}div.progress-indicator span:first-child{border-radius:0 0 0 20px;border:none}div.progress-indicator span:last-child{border-radius:20px 0 0 0}aside.user-interface{font-family:IBM Plex Sans,sans-serif;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#ededed;text-align:center}aside.user-interface h2{margin:20px;padding:10px;background-color:#393e46;color:#ededed;border-radius:20px}aside.user-interface h3{margin:0;padding:20px 0;color:#ededed;background-color:#393e46}aside.user-interface article.challenge-card{-webkit-flex:1 1;flex:1 1}aside.user-interface div.form-container{-webkit-flex:1 1;flex:1 1;background-color:#212730;position:relative}aside.user-interface div.form-container form label{position:absolute;width:100%;height:100%}aside.user-interface div.form-container form input{width:100%;height:40px;background-color:#212730;text-indent:10px;font-family:Source Code Pro,monospace;color:#fff}aside.user-interface div.solution-box{margin:20px;color:#fff}aside.user-interface div.solution-box h4{font-size:1.5rem}aside.user-interface div.solution-box p{margin:5px}aside.user-interface section.challenge-history{-webkit-flex:2 1;flex:2 1}header{background-color:#212730;line-height:10vh;text-align:center;position:relative;z-index:5}header h1{color:#fff;font-family:Bungee Outline,cursive;font-size:50px;margin:0;z-index:2}header p{font-family:IBM Plex Sans,sans-serif}section.challenge-history{overflow:scroll;background-color:#00aab3}section.challenge-history h3{color:#00aab3}section.challenge-history h4{margin:30px;font-size:2rem;opacity:.2}section.challenge-history button{border-radius:20px;margin:5px;position:absolute;right:0;bottom:0;color:red;font-size:.7rem;cursor:pointer;border:0;z-index:2}section.challenge-history article{position:relative;text-align:left;border-radius:10px;background-color:#393e46;margin:20px;padding:10px}section.challenge-history article p{margin:10px;font-size:1.2rem;font-weight:700;display:-webkit-flex;display:flex}section.challenge-history article p.challenge span{margin:0 10px;font-size:1rem;background-color:#212730;border-radius:10px;color:#ededed;padding:4px 10px}section.challenge-history article p.command span{font-family:Source Code Pro,monospace;background-color:#212730;color:#fff;font-size:1rem;padding:4px 10px;border:2px solid hsla(0,0%,92.9%,.5);border-radius:10px;margin:0 6px}section.challenge-history article p a{margin:auto;color:#00aab3}article.user-prompt{position:absolute;top:40%;left:1%;text-align:center;width:55vw;font-family:IBM Plex Sans,sans-serif;border:1px solid #000;padding:10px;background-color:hsla(0,0%,100%,.5)}article.user-prompt h3{font-size:3rem}article.user-prompt p{font-size:1.5rem;margin:20px}article.user-prompt button{width:200px;height:50px;font-size:1.5rem}*,:after,:before{box-sizing:border-box;margin:0}body{max-width:2000px;margin:auto}header{height:10vh}main{display:-webkit-flex;display:flex;height:90vh;background-color:#393e46}main section.game-window{width:60vw}main aside.user-interface{width:40vw}
/*# sourceMappingURL=main.6e95770b.chunk.css.map */