@charset "UTF-8";/*! 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:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;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:baseline}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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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:baseline}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}template{display:none}[hidden]{display:none}.editor{display:flex;width:90%;border:6px solid black;margin:1rem}@media (min-width: 2500px){.editor{width:60%}}.editor-pane{display:flex;flex-direction:column;width:100%}.editor-pane-header{display:flex;justify-content:space-between;padding:.5rem 2rem;background-color:gray;border-bottom:4px solid black}.editor-wnd{display:flex}.editor-line-number{background-color:#ddd;padding:.3rem .5rem;font-size:1rem}.editor-line-content{margin:0;padding:.5rem;font-size:1rem;font-weight:700}.editor-edit-field{padding:1.2rem 1rem;font-size:1rem;width:100%}.editor-input{width:100%;color:#000;font-weight:700;border:none;outline:none}.enter-button{display:block;width:70%;height:3rem;margin:0 auto;border:3px solid 0;border-radius:20px;font-size:1.6rem;font-weight:700;cursor:pointer;transition:.3s}.enter-button:hover{background-color:#000;color:orange}.enter-button:active{scale:.8}.task-field{padding:.8rem .3rem;background-color:#000;color:#999}.editor-line-highlight{background-color:#333;color:#fff}.level-list{display:flex;flex-direction:column;width:200px;border:3px solid orange;border-radius:30px;margin:2rem 2rem 2rem 0}@media (max-width: 1000px){.level-list{width:100px;margin:2rem .5rem 0 0;max-height:650px}}.levels-list-title{text-align:center}.level-list-item{cursor:pointer;padding:1rem 2rem;font-size:1.2rem}.level-list-item:hover,.level-list-item.active{background-color:orange}.level-list-item:before{content:"✔";padding-right:1.5rem;padding-left:1rem;color:#ddd}.level-list-item.withhelp:before{font-weight:900;color:#ff0}.level-list-item.complete:before{font-weight:900;color:green}.help-button,.reset-button{display:block;width:70%;height:2.5rem;margin:1rem auto;border:3px solid orange;background-color:#fff;border-radius:20px;font-size:1rem;cursor:pointer;transition:.3s}.help-button:hover,.reset-button:hover{background-color:#000;color:orange}.help-button:active,.reset-button:active{scale:.8}typescript,react,webpack,vite,vscode,ubuntu,os,windows,candy,square,circle{display:flex;justify-content:center;align-items:center;width:120px;height:120px;background-size:cover}@media (max-width: 1000px){typescript,react,webpack,vite,vscode,ubuntu,os,windows,candy,square,circle{width:60px;height:60px}}typescript,react,webpack,vite,vscode,ubuntu,os,windows,candy,square,circle{position:relative}typescript[data-tag-id].highlight,react[data-tag-id].highlight,webpack[data-tag-id].highlight,vite[data-tag-id].highlight,vscode[data-tag-id].highlight,ubuntu[data-tag-id].highlight,os[data-tag-id].highlight,windows[data-tag-id].highlight,candy[data-tag-id].highlight,square[data-tag-id].highlight,circle[data-tag-id].highlight{box-shadow:0 0 20px 20px orange}typescript[data-tag-id].highlight:before,react[data-tag-id].highlight:before,webpack[data-tag-id].highlight:before,vite[data-tag-id].highlight:before,vscode[data-tag-id].highlight:before,ubuntu[data-tag-id].highlight:before,os[data-tag-id].highlight:before,windows[data-tag-id].highlight:before,candy[data-tag-id].highlight:before,square[data-tag-id].highlight:before,circle[data-tag-id].highlight:before{content:attr(data-code);white-space:pre;display:block;background:black;color:#fff;position:absolute;top:110%;min-width:200px;padding:30px 50px 15px 15px;border:5px solid orange;border-radius:20px;z-index:10}circle{background-color:green;border-radius:50%}square{background-color:#00f;border-radius:10%}candy{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/candy-b11fa6f6.png)}os,windows{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/windows-604fe318.svg)}ubuntu{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/ubuntu-974cbb9d.svg)}vscode{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/VSCode-4c4dd46c.svg)}vite{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/vite-4a748afd.svg)}webpack{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/webpack-0c357195.svg)}react{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/react-9fe43511.svg)}typescript{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/typescript-9f349b95.svg)}.small{width:60px;height:60px}@media (max-width: 1000px){.small{width:30px;height:30px}}.yellow{background-color:#ff0}#geek{background-image:url(/tnikolay-JSFE2023Q1/rs-css/assets/ubuntu-974cbb9d.svg)}#blue{background-color:#00f}#red{background-color:red}.orange{background-color:orange}.hide-correct{opacity:0;transition:1s}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh}html{scroll-behavior:smooth;font-size:16px}@media (max-height: 900px){html{font-size:10px}}@media (max-width: 1000px){html{font-size:8px}}body{min-height:100vh;font-family:sans-serif}.global-container{display:flex;min-height:100vh;flex-direction:column;margin:0 auto}.index-header{background-color:orange;font-size:1rem;font-weight:700;padding:10px 0 10px 70px}footer{display:flex;align-items:center;justify-content:center;background-color:#999;padding:.5rem}footer .copyright{color:#000;text-align:center}footer .copyright a{margin:8rem}footer .copyright a:hover{color:#555}footer .copyright:before{content:"©"}.win-message{font-size:4rem;color:orange}.main{display:flex;flex-grow:1;width:100%}.main-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.aside{width:100px}.level-title{text-align:center;padding:2rem 0 0}.table{display:flex;align-items:center;justify-content:center;gap:4rem;width:90%;height:150px;border:3px solid orange;border-radius:30px;margin:2rem}@media (max-width: 1000px){.table{height:100px}}@media (min-width: 2500px){.table{width:60%}}.shake{animation:shake .1s 7}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(0)}75%{transform:translate(5px)}}.move-correct{transform:translateY(-100vh);transition:all .7s ease-in-out}.dance-correct:not(.highlight){animation:dance 1s infinite}@keyframes dance{0%{transform:skew(4deg) scaleX(1)}10%{transform:skew(1deg) scaleY(.9)}50%{transform:skew(-4deg) scaleX(1)}60%{transform:skew(-1deg) scaleY(.9)}to{transform:skew(4deg) scaleX(1)}}