:root{--color-black:#000;--color-white:#fff;--color-light-gray:#d1d1d1;--color-gray:#71717b;--color-dark-gray:#2d2c2c;--color-light-green:#8ec06d;--color-green:#48c932;--color-dark-green:#446c26;--color-light-yellow:#fadc7d;--color-dark-yellow:#9a7e0c;--color-light-red:#f5aaa5;--color-red:#f74438;--color-dark-red:#c42022;--base-font-family:"Inter",sans-serif;--second-font-family:"JetBrains Mono",monospace;--base-font-size:14px;--base-line-height:1.5;--base-font-weight:400;--base-margin-bottom:15px;--border-radius-sm:8px;--border-radius-md:15px;--border-radius-lg:25px;--border-radius-rounded:50%;--container-max-width:1200px;--container-padding:0 15px;--heading-font-family:var(--second-font-family);--heading-line-height:1.2;--heading-font-weight:700;--h1-font-size:32px;--h2-font-size:28px;--h3-font-size:20px;--h4-font-size:18px;--h5-font-size:16px;--h6-font-size:14px;--link-color:var(--color-light-green);--link-hover-color:var(--color-dark-green);--link-text-decoration:none;--btn-font-family:var(--base-font-family);--btn-font-size:16px;--btn-line-height:var(--base-line-height);--btn-padding:10px 25px;--btn-color:var(--color-white);--btn-background:var(--color-black);--btn-border:1px solid var(--color-black);--btn-border-radius:var(--border-radius-lg);--btn-hover-background:var(--color-dark-gray);--btn-hover-border-color:var(--color-dark-gray);--badge-font-size:10px;--badge-font-weight:700;--badge-padding:5px 10px;--badge-border-radius:var(--border-radius-lg);--base-transition-duration:0.3s;--base-transition-timing-function:ease-in-out}/*! 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;-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: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}[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: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}[hidden],template{display:none}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(../fonts/icomoon.woff) format("woff")}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cup:before{content:""}.icon-clock:before{content:""}.icon-question:before{content:""}.icon-check:before{content:""}.icon-github:before{content:""}.icon-linkedin:before{content:""}.fade-in{opacity:0;transition:opacity .7s var(--base-transition-timing-function),visibility .7s var(--base-transition-timing-function);visibility:hidden}.fade-in.is-visible,.is-visible .fade-in{opacity:1;visibility:visible}.move-in{opacity:0;transform:translateY(20px);transition:opacity .7s var(--base-transition-timing-function),visibility .7s var(--base-transition-timing-function),transform .7s var(--base-transition-timing-function);visibility:hidden}.is-visible .move-in,.move-in.is-visible{opacity:1;transform:translateY(0);visibility:visible}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(../fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(../fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(../fonts/JetBrainsMono-Bold.woff2) format("woff2")}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:var(--color-white);color:var(--color-black);font-family:var(--base-font-family);font-size:var(--base-font-size);font-weight:var(--base-font-weight);line-height:var(--base-line-height);min-width:360px}body.popup-active{overflow:hidden}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0 0 var(--base-margin-bottom)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height)}.h1,.h2,.h3,.h4,.h5,.h6{display:block;margin:0 0 var(--base-margin-bottom)}.h1,h1{font-size:var(--h1-font-size)}.h2,h2{font-size:var(--h2-font-size)}.h3,h3{font-size:var(--h3-font-size)}.h4,h4{font-size:var(--h4-font-size)}.h5,h5{font-size:var(--h5-font-size)}.h6,h6{font-size:var(--h6-font-size)}img{height:auto;max-width:100%}a{color:var(--link-color);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);transition:color var(--base-transition-duration) var(--base-transition-timing-function)}button{cursor:pointer}.wrapper{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;position:relative}.container{margin:0 auto;max-width:var(--container-max-width);padding:var(--container-padding)}.main{flex:1 0 auto}.quiz-section{padding:50px 0}.main-block{border-bottom:1px solid var(--color-light-gray);color:var(--color-gray);font-size:20px;margin-bottom:40px;padding-bottom:20px;text-align:center}.main-block h1{color:var(--color-black)}.quiz-list{list-style:none;margin:0;padding:0}.quiz-list li{padding-bottom:30px;transition-delay:calc(attr(data-order number)*.3s)}.quiz-card{border:1px solid var(--color-light-gray);border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:30px 15px;position:relative}.quiz-card-body{flex:1 0 auto;padding-bottom:20px}.quiz-card-info{justify-content:space-between;margin-bottom:30px}.quiz-card-info,.quiz-card-notes,.quiz-card-result{align-items:center;display:flex}.quiz-card-result{background:var(--color-light-gray);border-radius:var(--border-radius-md);color:var(--color-black);padding:5px 10px}.quiz-card-result i{margin-right:4px}.quiz-card-question{align-items:center;color:var(--color-gray);display:flex;padding-left:10px}.quiz-card-question i{margin-right:4px}.quiz-card-footer{text-align:center}.quiz-card .btn{max-width:200px;min-width:auto;width:100%}.quiz-nav{border-bottom:1px solid var(--color-light-gray);margin:0 -15px 20px;padding:0 15px 20px}.quiz-info{color:var(--color-gray);display:flex;justify-content:space-between;margin-bottom:10px}.quiz-time{min-width:58px;padding-left:22px;position:relative;text-align:right}.quiz-time .icon-clock{font-size:20px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.quiz-progress{background:var(--color-light-gray);border-radius:var(--border-radius-sm);height:8px;overflow:hidden;position:relative;width:100%}.quiz-progress-bar{background:var(--color-black);bottom:0;left:0;position:absolute;top:0}.is-animated .quiz-progress-bar{transition:width var(--base-transition-duration) var(--base-transition-timing-function)}.quiz-slider{margin:0 -15px}.quiz-track{display:flex;flex-wrap:nowrap;overflow:hidden}.is-animated .quiz-track{transition:transform var(--base-transition-duration) var(--base-transition-timing-function)}.quiz-slide{display:flex;padding:0 15px}.quiz-form{display:flex;flex-direction:column;width:100%}.quiz-form.validate .btn-next{cursor:pointer;opacity:1;pointer-events:all}.quiz-form .info-holder{flex:1 0 auto}.quiz-form .btn-holder{text-align:center}.quiz-form .btn-next{cursor:none;opacity:.1;pointer-events:none;transition:opacity var(--base-transition-duration) var(--base-transition-timing-function)}.quiz .badge{margin-bottom:15px}.quiz .answers-holder,.quiz .h3{margin-bottom:30px}.answer{border:1px solid var(--color-light-gray);border-radius:var(--border-radius-md);display:block;margin-bottom:10px;padding:10px 15px 10px 35px;position:relative}.answer input[type=radio]{opacity:0;position:absolute}.answer input[type=radio]:checked~.custom-radio:before{opacity:1}.answer .custom-radio{align-items:center;border:1px solid var(--color-black);border-radius:var(--border-radius-rounded);display:flex;height:14px;justify-content:center;left:15px;overflow:hidden;position:absolute;top:13px;width:14px}.answer .custom-radio:before{background:var(--color-black);border-radius:var(--border-radius-rounded);content:"";height:8px;opacity:0;transition:opacity var(--base-transition-duration) var(--base-transition-timing-function);width:8px}.result{text-align:center}.result-icon-block{align-items:center;background:var(--color-light-gray);border-radius:var(--border-radius-rounded);display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 15px;overflow:hidden;width:60px}.result-num{font-size:50px;font-weight:700}.result-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 auto 30px;max-width:400px;padding:0}.result-list li{display:flex;flex:1;padding:5px}.result-list .info-block{border:1px solid var(--color-light-gray);border-radius:var(--border-radius-md);padding:10px;width:100%}.result-list .correct-num,.result-list .time-num,.result-list .wrong-num{display:block;font-size:20px;font-weight:700}.result-list .correct-num{color:var(--color-green)}.result-list .wrong-num{color:var(--color-red)}.result-list .time-num{color:var(--color-gray)}.answers-list{counter-reset:my-counter;list-style:none;margin:0 0 30px;padding:0;text-align:left}.answers-list li{border-bottom:1px solid var(--color-light-gray);counter-increment:my-counter;padding:15px 0 15px 40px;position:relative}.answers-list li:last-child{border:none}.answers-list li:before{align-items:center;background:#f3f1f1;border:1px solid var(--color-black);border-radius:var(--border-radius-rounded);color:var(--color-black);content:counter(list-item);display:flex;font-weight:700;height:30px;justify-content:center;left:0;position:absolute;top:15px;width:30px}.answers-list .answer-text,.answers-list .explanation-text,.answers-list .question-text{display:block;margin-bottom:15px}.answers-list .question-text{font-size:20px}.answers-list .answer-text,.answers-list .explanation-text{border:1px solid var(--color-green);border-radius:var(--border-radius-md);font-size:16px;padding:10px}.answers-list .answer-text.wrong{background:var(--color-light-red);border-color:var(--color-dark-red);color:var(--color-dark-red)}.answers-list .answer-text.correct{background:var(--color-light-green);border-color:var(--color-dark-green);color:var(--color-dark-green)}.footer{font-size:16px;text-align:center}.footer-holder{border-top:1px solid var(--color-light-gray);padding:20px 0}.copyright a{color:var(--color-black)}.loader{align-items:center;background:hsla(0,0%,100%,.7);display:flex;inset:0;justify-content:center;padding:50px 15px;position:fixed;z-index:9999}.loader svg{max-width:300px;width:100%}.popup-holder{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;opacity:0;padding:15px;pointer-events:none;position:fixed;transition:opacity var(--base-transition-duration) var(--base-transition-timing-function)}.popup-active .popup-holder{opacity:1;pointer-events:all;z-index:9999}.popup{background:var(--color-white);border-radius:var(--border-radius-md);max-width:600px;overflow:hidden;padding:40px 15px;position:relative}.popup-close{background:transparent;border:0;height:16px;position:absolute;right:15px;top:15px;width:16px}.popup-close:after,.popup-close:before{background:var(--color-black);content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:background var(--base-transition-duration) var(--base-transition-timing-function);width:14px}.popup-close:before{transform:translate(-50%,-50%) rotate(-45deg)}.btn{background:var(--btn-background);border:none;border-radius:var(--btn-border-radius);color:var(--btn-color);cursor:pointer;display:inline-block;font-family:var(--btn-font-family);font-size:var(--btn-font-size);line-height:var(--btn-line-height);min-width:220px;padding:var(--btn-padding);transition:background var(--base-transition-duration) var(--base-transition-timing-function);vertical-align:middle}.badge,.btn{text-transform:uppercase}.badge{align-items:center;border-radius:var(--badge-border-radius);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);justify-content:center;overflow:hidden;padding:var(--badge-padding)}.badge.easy{background:var(--color-light-green);color:var(--color-dark-green)}.badge.medium{background:var(--color-light-yellow);color:var(--color-dark-yellow)}.badge.hard{background:var(--color-light-red);color:var(--color-dark-red)}.social-networks{align-items:center;display:flex;flex-wrap:wrap;font-size:26px;justify-content:center;line-height:1;list-style:none;margin:0 -5px 10px;padding:0}.social-networks li{padding:2px 5px}.social-networks a{color:var(--color-black);display:block}.error-block{color:var(--color-dark-red);display:block;font-size:30px;padding:50px 0;text-align:center}.error-block .message{display:block;margin-bottom:30px}@media (min-width:768px){.quiz-list{display:flex;flex-wrap:wrap;margin:0 -10px}.quiz-list li{display:flex;padding:0 10px 20px;width:50%}}@media (min-width:1024px){.quiz-list{margin:0 -15px}.quiz-list li{padding:0 15px 30px;width:33.33%}}@media (hover:hover)and (pointer:fine){a:hover{color:var(--link-hover-color)}.copyright a:hover{color:var(--color-gray)}.popup-close:hover:after,.popup-close:hover:before{background:var(--color-dark-red)}.btn:hover{background:var(--btn-hover-background);color:var(--btn-color)}.social-networks a:hover{color:var(--color-gray)}}