@import url(https://fonts.googleapis.com/css?family=VT323);.header-bar{top:0;margin-bottom:10px;vertical-align:top;background-color:#000;width:100%;height:50px;text-align:center;-ms-flex-item-align:start;align-self:flex-start}.know-span,.title{font-family:VT323,monospace}.title{color:#fff;text-decoration:underline;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.log-link{float:right;color:#fff;font-size:.4em;line-height:50px;padding-right:10px}.user-onboarding{width:600px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.3);box-shadow:0 4px 8px 0 rgba(0,0,0,.3);background-color:#fff;text-align:center;padding:20px;border-radius:3px;margin:auto}.user-onboarding-copy{margin-bottom:20px}.onboarding-link{font-weight:700}@media (max-width:620px){.user-onboarding{width:90%}}.card-buttons{text-align:center}.next-button,.skip-button{margin:20px 20px 0;font-size:24px}.skip-button{background-color:#e08686}.skip-button:hover{background-color:#d16666}.skip-button:active{background-color:#c43535}.skip-button:disabled{background-color:gray}@media (max-width:620px){.next-button,.skip-button{margin:10px 20px 0}}.current-score{font-size:40px}.aggretsuko{text-align:center}.card{width:600px;padding:20px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.3);box-shadow:0 4px 8px 0 rgba(0,0,0,.3);border-radius:3px;margin:auto}.attempts{float:right}.code-question{margin-bottom:10px;font-size:20px;font-weight:700}.code-snippet{-webkit-box-shadow:inset 0 0 4px #8f8f8f;box-shadow:inset 0 0 4px #8f8f8f;background-color:#e2e5e9;padding:10px;border-radius:10px;margin:auto;text-align:left;overflow:scroll}.code-hint{text-align:center;margin:10px 0}.code-hint-toggle{margin:10px 0;font-size:20px;font-weight:700}.code-hint-hidden{display:none}.user-input,.user-input-bar{text-align:center}.user-input-bar{margin-right:5px;width:100px;font-size:18px;font-weight:700}.gif{width:120px;height:120px}@media (max-width:620px){.card{width:90%;padding-top:10px}.code-hint{margin:0}}.home{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;width:400px;margin:0 auto;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.3);box-shadow:0 4px 8px 0 rgba(0,0,0,.3);padding:20px;border-radius:3px}.spacer{margin:20px 0;border:.5px solid #b1b1b1;width:100%}.form-error{text-align:center}input{margin-bottom:10px}.login-register-input{border:2px solid #000;padding:3px}@media (max-width:480px){.home{width:90%}}.right-or-wrong{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:90%;position:fixed}img{height:400px;width:400px;opacity:0;-webkit-animation-name:fadeInOut;animation-name:fadeInOut;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeInOut{0%{opacity:0}70%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0}70%{opacity:1}to{opacity:0}}@media (max-width:620px){img{height:200px;width:200px}}.app{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}h1{margin:0}h2{margin-top:auto}a{text-decoration:none;color:#000}a:hover{text-decoration:underline}button{background-color:#000;color:#fff;border:none;padding:5px 10px;margin:10px 0;border-radius:3px;font-size:16px;text-align:center}button:hover{background-color:#727c86}button:active{background-color:#000}*{-webkit-box-sizing:border-box;box-sizing:border-box}#root,body,html{height:100%}body{margin:auto;padding:0;width:100%;font-family:PT Sans,sans-serif;background-image:url("https://www.xmple.com/wallpaper/grey-3d-cubes-brown-white-1920x1080-c3-ffffff-d2b48c-808080-l-196-a-120-f-11.svg")}
/*# sourceMappingURL=main.3e56ac23.css.map*/