*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}ol,ul{list-style:none}a,h1,h2,h3,h4,h5,h6,p{color:#000;font-family:Arial,sans-serif;font-weight:400;text-decoration:none}table{border-collapse:collapse;border-spacing:0}button:focus,input:focus,select:focus,textarea:focus{outline:none}button{border:none}.main,body{background:#2b2c30}.main{float:left;height:calc(100% - 70px);margin:20px 40px 90px;overflow:auto;position:relative;width:calc(100% - 440px)}@media screen and (max-width:800px){.main{margin:10px 0;width:100%}.rightside{border-left:1px solid gray;right:-100%}.rightside,.rightsideShow{background:#cbcbcb;height:100%;position:absolute;top:70px;transition:right 1s;width:70%}.rightsideShow{border-left:1px solid #949494;right:0}.sidebar{border-top:1px solid #327ba9;margin:0;width:100%}.sidebar__box{box-shadow:0 1px 0 #00000026}.header__options{display:block;padding:0 20px;position:absolute;right:0;top:0}.header__options__icon{color:#fff;font-size:30px;height:70px}.header__options__icon:hover{cursor:pointer}}.footer{color:#fff;font-size:17px;font-weight:700;line-height:30px;margin-left:40px;text-shadow:1px 1px #000}.fb,.footer{display:inline-block}.fb{background-image:linear-gradient(90deg,#70e24f,#00d9a6);height:40px;position:relative;width:100%}.link,a{color:blue;font-weight:700}a:visited{color:#ff0;font-weight:700}.footer a,a:hover{color:#fff;font-weight:700}.footer a{background:#ffffff1a;border-radius:4px;display:inline-block;margin:0 4px;padding:2px 8px;text-decoration:none;transition:all .3s ease}.footer a:hover{background:#fff3;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.ad-container{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:728px;padding:10px;text-align:center}.controls-bar{align-items:center;display:flex;justify-content:space-between;margin:8px 0 12px}.controls-bar--below{margin-top:12px}.controls-bar__left{align-items:center;display:flex;gap:16px}.controls-bar__right{align-items:center;display:flex;gap:12px}.toggle-pill{border:none;border-radius:16px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px}.toggle-pill--on{background:linear-gradient(135deg,#00c853,#2bb673)}.toggle-pill--off{background:linear-gradient(135deg,#b0b0b0,#8e8e8e)}.toggle-pill__state{margin-left:6px}.btn-stop{background:linear-gradient(135deg,#ff4d4f,#d9363e);border:none;border-radius:6px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;padding:6px 12px}.btn-stop:hover{filter:brightness(1.05)}.header__boldText{font-weight:750}.header{background-image:linear-gradient(90deg,#70e24f,#00d9a6);height:60px;position:relative;width:100%}.header__main{display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:40px}.header__title{color:#fff;font-size:25px;line-height:1;margin:0;text-shadow:1px 1px #000}.header__subtitle{color:#ffffffe6;font-size:12px;font-weight:600;margin-top:4px}.header__lesson{align-items:center;display:flex;margin-top:5px}.header__lesson-label{color:#fffc;font-size:12px;margin-right:8px}.header__lesson-name{background:#fff3;border-radius:4px;color:#fff;font-size:14px;font-weight:700;padding:2px 8px;text-shadow:1px 1px #0000004d}.header__options{display:none}.statbox__title{color:#fff;font-size:18px;margin-bottom:0;position:relative;text-shadow:1px 1px ##e6e6e6;top:0;transition:color .5s .5s,margin-bottom .5s .5s,top .5s .5s}.statbox__unit,.statbox__value{color:#e6e6e6;display:inline-block;font-size:14px;position:relative;top:0;transition:color .5s .5s,font-size .5s .5s,line-height .5s .5s,top .5s .5s}.stats{background:#2b2c30;height:60px;left:0;position:absolute;top:0;transition:background .7s .8s,height .5s .5s,padding .5s .5s,margin .5s .5s,z-index 0s 1s;width:100%;z-index:0}.stats,.stats.statsCompleted{align-items:center;display:flex}.stats.statsCompleted{background:#dcdcdc;border-radius:8px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;height:300px;margin:80px auto;padding:40px;transition:background 1s,height .7s .3s,padding .5s .5s,margin .5s .5s;z-index:1}.stats.statsCompleted .statbox__title{color:#000;margin-bottom:5px;position:relative;top:-40px;transition:all .5s .5s}.stats.statsCompleted .statbox__unit,.stats.statsCompleted .statbox__value{color:#7dae6a;font-size:35px;line-height:50px;position:relative;top:-40px;transition:all .5s .5s}.resultsTitleHidden{align-items:center;background-image:linear-gradient(90deg,#70e24f,#00d9a6);border-radius:8px 8px 0 0;color:#fff;display:flex;font-family:Arial;font-size:14px;font-weight:900;justify-content:space-between;left:0;line-height:35px;opacity:0;padding-left:20px;position:absolute;right:0;top:0;transition:all 1s;width:100%}.results__close__button{background:none;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:5px 10px;transition:background-color .2s}.results__close__button:hover{background-color:#fff3}.resultsTitleShow{opacity:1;transition:opacity .5s 1s}.resultsOptionsHidden{opacity:0;transition:opacity .5s 1s,all 1s}.resultsOptionsHidden,.resultsOptionsShow{bottom:0;color:#fff;font-size:30px;left:0;line-height:70px;position:absolute;right:0;text-align:center;width:100%}.resultsOptionsShow{opacity:1;transition:opacity .5s 1s}.results__options__box{color:#8a8f92}.results__options__box,.results__options__boxUnavailable{background:#d0d0d0;display:inline-block;font-size:24px;transition:all .2s;width:25%}.results__options__boxUnavailable{color:#bfbfbf}.results__options__box:hover{background:silver;color:#72777a;cursor:pointer;transition:all .1s}.screen{background:#dcdcdc;border-radius:8px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;color:#8f8f8f;font-family:Roboto Mono,monospace;font-size:20px;font-style:italic;height:300px;letter-spacing:.05ex;line-height:30px;margin:80px 0 0;overflow:hidden;position:relative;width:100%}.screen__inner__wrapper{opacity:0}.screen__inner__wrapper,.screen__inner__wrapperFadeIn{border-radius:0 0 8px 8px;border-top:30px solid #dcdcdc;height:270px;overflow:hidden;padding:0 30px}.screen__inner__wrapperFadeIn{opacity:1;transition:opacity 1s}.screen__inner__num{font-size:30px;margin:auto;text-align:center;width:100px}.screen__inner__sym{font-size:30px;line-height:40px;word-spacing:20px}.progressMeter{bottom:4px;color:#a4b9d3;font-size:14px;position:absolute;right:15px}.completedText{color:#000}.progressMarker{left:1px;position:relative;top:5px}.progressMarker:before{height:20px}.progressMarker:before,.progressMarkerNum:before{border-left:1px solid #a7a6a6;content:" ";font-style:normal;position:absolute}.progressMarkerNum:before{height:25px}.progressMarkerSym:before{border-left:1px solid #a7a6a6;content:" ";font-style:normal;height:30px;position:absolute}.remainingText:first-letter{color:blue}.code-container{background:#1e1e1e;border-radius:0 0 8px 8px;color:#d4d4d4;display:flex;font-family:Roboto Mono,monospace;font-size:14px;height:100%;line-height:1.5;overflow:hidden}.code-line-numbers{background:#252526;border-right:1px solid #3e3e42;color:#858585;font-size:12px;min-width:50px;padding:15px 8px;text-align:right;-webkit-user-select:none;user-select:none}.line-number{height:21px;line-height:21px;padding-right:8px}.code-content{flex:1 1;overflow:auto;padding:15px 20px;white-space:pre}.code-line{display:block;height:21px;line-height:21px;min-height:21px}.completed-code{background:#4ec9b01a;color:#4ec9b0}.remaining-code{color:#d4d4d4}.code-progress-marker{animation:blink 1s infinite;background:#007acc;display:inline-block;height:21px;margin:0 1px;position:relative;width:2px}.code-progress-marker:before{background:#007acc;content:"";height:21px;left:0;position:absolute;top:0;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.screen__lesson-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;text-align:center}.screen__lesson-label{margin-right:8px;opacity:.9}.screen__lesson-name{font-weight:600;text-shadow:0 1px 2px #0003}.keyboard{background:#404146;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;box-sizing:border-box;margin:30px auto;padding:9px;text-align:center;-webkit-transform-origin:0 0;width:744px}.keyboard__key{background:#35363a;border-bottom:3px solid #2b2b2b;border-radius:5px;color:#bfbfbf;display:inline-block;font-size:14px;height:44px;line-height:44px;margin:3px;position:relative;text-align:center;width:44px}.keyboard__highlightedKey{animation:incorrect 2s}@keyframes incorrect{0%{background:#600;border-bottom:3px solid #601c1c}to{background:#35363a;border-bottom:3px solid #2b2b2b}}.keyboard__capsOn{box-shadow:0 0 5px 0 #70e24f}.keyboard__width-plusHalf{width:70px}.keyboard__width-threeQuarts{width:82px}.keyboard__width-plusOne{width:107px}.keyboard__spacebar{margin:3px auto;width:300px}.keyboard__correctKey{box-shadow:0 0 5px 0 #70e24f}.rightside,.rightsideShow{background:#2b2c30;float:left;height:calc(100% - 70px);width:350px}.sidebar__box{background:#dcdcdc;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;margin-bottom:20px}.sidebar__generator__input{background:#dcdcdc;border:none;color:#2b2c30;display:inline-block;font-size:20px;height:50px;letter-spacing:1px;padding:20px;vertical-align:top;width:80%}.sidebar__generator__input::placeholder{color:#9b9da8;font-size:16px;letter-spacing:0}.sidebar__generator__button{background:#70e24f;color:#fff;display:inline-block;font-size:30px;height:50px;transition:.2s;vertical-align:top;width:20%}.sidebar__generator__button:hover{background:#4bdb24;cursor:pointer;transition:.1s}.sidebar__item{background:#dcdcdc;border-top:1px solid #cbcbcb;height:50px;transition:.1s}.sidebar__item:hover{background:#cecece;cursor:pointer;transition:.2s}.sidebar__item__p{color:#2b2c30;line-height:50px;padding-left:20px}.sidebar__switch__option{background:#dcdcdc;border-right:1px solid #cbcbcb;display:inline-block;height:50px;line-height:50px;text-align:center;transition:.1s;width:33.333%}.sidebar__switch__option:hover{background:#cecece;cursor:pointer;transition:.1s}.sidebar__switch__option .sidebar__swith{height:40px}.sidebar__tile__h1,.sidebar__title--clickable{background-image:linear-gradient(90deg,#70e24f,#00d9a6);color:#fff;font-size:14px;font-weight:900;line-height:35px;padding:0 20px}.sidebar__title--clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;transition:background-color .2s}.sidebar__title--clickable:hover{background-image:linear-gradient(90deg,#5dd13a,#00c299)}.sidebar__dropdown-arrow{color:#fff;font-size:12px;margin-right:20px;transition:transform .2s}.sidebar__item--active{background:linear-gradient(135deg,#70e24f,#00d9a6)!important;box-shadow:0 2px 4px #0003}.sidebar__item--active,.sidebar__item--active .sidebar__item__p{color:#fff!important;font-weight:600}.sidebar__item--active:hover{background:linear-gradient(135deg,#5dd13a,#00c299)!important}.sidebar__switch__option--active{background:linear-gradient(135deg,#70e24f,#00d9a6)!important;box-shadow:0 2px 4px #0003}.sidebar__switch__option--active,.sidebar__switch__option--active p{color:#fff!important;font-weight:600}.sidebar__click-hint{font-size:10px;font-style:italic;font-weight:400;opacity:.8}.sidebar__dropdown{animation:slideDown .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.sidebar__load-more{align-items:center;background:linear-gradient(135deg,#70e24f,#00d9a6);border-top:1px solid #cbcbcb;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease}.sidebar__load-more:hover{background:linear-gradient(135deg,#5dd13a,#00c299);box-shadow:0 4px 8px #00000026;cursor:pointer;transform:translateY(-1px);transition:all .3s ease}.sidebar__load-more:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.sidebar__load-more__text{color:#fff;font-size:14px;font-weight:700;margin:0;text-shadow:1px 1px #0003}.sidebar{float:left;height:calc(100% - 40px);margin:100px 40px 0 0;width:calc(100% - 40px)}.statbox{float:left;height:60px;line-height:24px;padding:8px;text-align:center;width:25%}
/*# sourceMappingURL=main.8b3bd244.css.map*/