@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}a{color:inherit}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}body{font-family:"Roboto",sans-serif}body{font-family:"Roboto",sans-serif}.container{width:1480px;margin:0 auto;padding:50px 0}@media(max-width: 1479px){.container{width:1110px}}@media(max-width: 1372px){.container{width:1020px}}@media(max-width: 1060px){.container{width:870px}}@media(max-width: 910px){.container{width:726px}}@media(max-width: 768px){.container{width:600px}}@media(max-width: 640px){.container{width:384px}}html{font-size:10px}body{font-size:1.4rem;line-height:2rem;font-weight:normal;color:#4f4f4f}h1{font-size:2.6rem;line-height:1.6rem;font-weight:500;color:#4f4f4f}.btn{background-color:var(--color-bg-btn);box-shadow:0px 3px 5px rgba(0,0,0,.2),0px 1px 18px rgba(0,0,0,.12),0px 6px 10px rgba(0,0,0,.14);border-radius:4px;color:var(--color-main);padding:10px 16px;text-transform:uppercase;font-size:1.4rem;line-height:1.6rem;font-weight:500;letter-spacing:1.25px}#root{position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin:0 5px}.active{text-decoration:underline;cursor:default}.main{margin-top:50px}.cards-container{display:flex;flex-wrap:wrap;justify-content:center}.cards-container.none{box-sizing:border-box;opacity:0;width:0;height:0;font-size:0;margin:0;padding:0}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-right:20px}.score{display:flex;justify-content:flex-end;width:100%;max-width:1350px;margin:0 auto;height:40px;overflow-x:hidden;line-height:36px;font-size:36px;color:#fc6262}.score.none{box-sizing:border-box;opacity:0;width:0;height:0;font-size:0;margin:0;padding:0}.star-error,.star-succes{flex-shrink:0;width:40px;min-width:40px;height:40px;background-size:40px 40px}.star-error{background-image:url(assets/51d7e25b092b663342a4.svg)}.star-succes{background-image:url(assets/6295e640ccdd43964c5c.svg)}
.menu-toggle{margin-left:20px;position:relative;z-index:100;cursor:pointer}@media(max-width: 910px){.menu-toggle{margin-left:12px}}.menu{height:100%;position:fixed;width:100%;transform:translateX(-120%);top:0;left:0;z-index:10;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),-webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1)}@media(max-width: 1372px){.menu{transform:translateX(-130%)}}@media(max-width: 768px){.menu{transform:translateX(-140%)}}@media(max-width: 540px){.menu{transform:translateX(-160%)}}.blur{width:100%;height:100%;left:20%;backdrop-filter:blur(2px);position:absolute}@media(max-width: 1372px){.blur{left:30%}}@media(max-width: 768px){.blur{left:40%}}@media(max-width: 540px){.blur{left:60%}}.opened{transform:translateX(0)}.menu-items-wrap{display:flex;justify-content:center;width:20%;height:100%;background:linear-gradient(40deg, #00bf82, #0099ae);transition:transform .2s cubic-bezier(0.77, 0.2, 0.05, 1),-webkit-transform .2s cubic-bezier(0.77, 0.2, 0.05, 1)}@media(max-width: 1372px){.menu-items-wrap{width:30%}}@media(max-width: 768px){.menu-items-wrap{width:40%}}@media(max-width: 540px){.menu-items-wrap{width:60%}}.menu-items-wrap.orange{background:linear-gradient(40deg, #ffd86f, #fc6262)}.menu-items{margin:155px 0px 300px;display:flex;flex-direction:column}.menu-item{font-size:2.6rem;line-height:2.6rem;font-weight:400;color:#fff;margin-bottom:25px}.menu-item:hover{font-weight:500}
.bar{display:block;width:40px;height:5px;margin-bottom:7px;border-radius:5px;background-color:#cdcdcd;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1)}.active span:nth-of-type(1){transform:rotate(45deg) translate(10px, 10px);width:40px}.active span:nth-of-type(2){opacity:0;pointer-events:none}.active span:nth-of-type(3){transform:rotate(-45deg) translate(7px, -7px);width:40px}
.toggle-switch{position:relative;width:85px;display:inline-block;vertical-align:middle;text-align:left}.toggle-switch-checkbox{display:none}.toggle-switch-label{display:block;overflow:hidden;cursor:pointer;border:0 solid #bbb;border-radius:20px;margin:0}.toggle-switch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.toggle-switch-inner:before,.toggle-switch-inner:after{display:block;float:left;width:50%;height:34px;padding:0;line-height:34px;font-size:14px;color:#fff;font-weight:bold;box-sizing:border-box}.toggle-switch-inner:before{content:attr(data-play);text-transform:uppercase;padding-left:10px;background-color:#fd6a63;color:#fff}.toggle-switch-disabled{background-color:#ddd;cursor:not-allowed}.toggle-switch-disabled:before{background-color:#ddd;cursor:not-allowed}.toggle-switch-inner:after{content:attr(data-train);text-transform:uppercase;padding-right:10px;background-color:#bbb;color:#fff;text-align:right}.toggle-switch-switch{display:block;width:24px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:50px;border:0 solid #bbb;border-radius:20px;transition:all .3s ease-in 0s}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:0px}
.card-wrap{width:300px;height:280px;margin:15px 20px;border-radius:6px;transition:.3s;position:relative;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.card-wrap:hover{box-shadow:0 10px 20px rgba(0,0,0,.4)}.card-top{background:linear-gradient(180deg, #0099ae, #00bf82 40%, #fff 0, #fff);display:flex;justify-content:center;align-items:center;padding:25px 0px 15px;border-radius:4px}.card-top.orange{background:linear-gradient(180deg, #fd6a63, #feb46b 40%, #fff 0, #fff)}.card__img-wrap{width:160px;height:160px;border-radius:50%;padding:10px;background:#fff}.img{width:100%;height:100%;border-radius:50%;object-fit:cover}.card-bottom{padding-bottom:25px;text-align:center}
.word-card{perspective:1300px}.card{position:relative;display:flex;justify-content:center;border:1px solid #ccc;border-radius:6px;width:300px;height:280px;margin:15px 20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);transform-style:preserve-3d;transform-origin:right;transition:all .8s}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.4)}.card__front,.card__back{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:inherit}.card__front.cover,.card__back.cover{background-size:cover;background-position:50%}.card__front.inactive,.card__back.inactive{opacity:.5}.card__back{transform:rotateY(180deg)}.card-title{margin-top:230px;padding:0 15px;font-size:24px;line-height:45px;text-align:center;width:100%;pointer-events:none;background:#fff;color:#212529}.card-title.none{box-sizing:border-box;opacity:0;width:0;height:0;font-size:0;margin:0;padding:0}.rotate-btn{position:absolute;right:0;bottom:0;margin-right:10px;margin-bottom:10px;width:24px;height:24px;background-image:url(assets/6a908e908f0e5f58aa8d.svg);background-color:#fff}.rotate-btn.none{box-sizing:border-box;opacity:0;width:0;height:0;font-size:0;margin:0;padding:0}.flipped{transform:rotateY(180deg) translateX(-100%);transform-origin:left}
.button-wrapper{width:100%;text-align:center}.button{box-sizing:border-box;padding:20px 25px;font-size:24px;margin:20px auto;width:100%;max-width:650px;height:65px;background:linear-gradient(40deg, #ffd86f, #fc6262);color:#fff;border-radius:10px;outline:0 !important;border-width:1px;-webkit-transition:.3s;transition:.3s;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.button:hover{box-shadow:0 10px 20px rgba(0,0,0,.4)}.button:focus{box-shadow:none}.button.repeat{width:65px;font-size:0;background-image:url(assets/6a908e908f0e5f58aa8d.svg),linear-gradient(40deg, #ffd86f, #fc6262);border-radius:50%;background-repeat:no-repeat;background-size:32px 32px,cover;background-position:50%}
.footer{margin-top:30px;background-color:#fff}.footer-container{padding:0 15px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1140px;margin:0 auto}.github{display:block;width:120px;height:45px;padding-left:45px;background-image:url(assets/eefdd968efb0b7dec5cf.svg);background-size:35px;background-repeat:no-repeat;background-position:left center;line-height:45px;color:#cbd5de;font-size:16px;font-family:"Open Sans",sans-serif;transition:.3s}.github:hover{color:#fff}.rss{display:block;position:relative;font-family:"Open Sans",sans-serif;width:86px;height:32px;background-image:url(assets/fe36f023692478916a89.svg);background-size:contain;background-repeat:no-repeat;background-position:left center;padding-right:111px}.rss-year{position:absolute;bottom:0;right:0;font-size:21px;letter-spacing:-2px;color:#cbd5de;line-height:.9;font-weight:bold;transition:.3s}.rss:hover .rss-year{right:-5px;letter-spacing:0}
.modal-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.modal-title{font-size:60px;line-height:80px;margin:20px 0}@media(max-width: 768px){.modal-title{font-size:40px;line-height:60px;margin:15px 0}}@media(max-width: 640px){.modal-title{font-size:30px;line-height:45px;margin:10px 0}}@media(max-width: 540px){.modal-title{font-size:25px;line-height:35px;margin:10px 0}}@media(max-width: 440px){.modal-title{font-size:15px;line-height:20px;margin:5px 0}}.modal-img{margin:10px}@media(max-width: 768px){.modal-img{width:440px;height:352px}}@media(max-width: 640px){.modal-img{width:352px;height:264px}}@media(max-width: 540px){.modal-img{width:308px;height:220px}}@media(max-width: 440px){.modal-img{width:220px;height:132px}}.error-count{font-size:40px;line-height:60px;margin:20px 0}@media(max-width: 768px){.error-count{font-size:30px;line-height:45px;margin:15px 0}}@media(max-width: 640px){.error-count{font-size:25px;line-height:35px;margin:10px 0}}@media(max-width: 540px){.error-count{font-size:15px;line-height:20px;margin:5px 0}}@media(max-width: 440px){.error-count{font-size:10px;line-height:20px;margin:5px 0}}.none{box-sizing:border-box;opacity:0;width:0;height:0;font-size:0;margin:0;padding:0}
.statistic-page-wrapper{display:flex;align-items:center;flex-direction:column}.table-btn{display:flex;align-items:center;justify-content:space-around}.reset-btn,.repeat-btn{margin:0 10px;width:130px;height:55px;background:linear-gradient(40deg, #ffd86f, #fc6262);color:#fff;border-radius:10px;outline:0 !important;border-width:1px;-webkit-transition:.3s;transition:.3s;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.reset-btn:hover,.repeat-btn:hover{box-shadow:0 10px 20px rgba(0,0,0,.4)}.reset-btn:focus,.repeat-btn:focus{box-shadow:none}.repeat-btn{display:flex;align-items:center;justify-content:space-around}.statistic-table-wrap{margin:20px}@media(max-width: 640px){.statistic-table-wrap{overflow-x:scroll}}.statistic-table{color:#fff;margin:0 auto}.statistic-table th,.statistic-table td{text-align:left;border:1px solid #79792b}.table-caption{background:linear-gradient(40deg, #ffd86f, #fc6262)}.table-caption th{font-size:2.8rem;line-height:2.8rem;font-weight:500;width:100px;padding:15px 5px}.table-caption th:nth-child(1),.table-caption th:nth-child(2),.table-caption th:nth-child(3){width:200px}.table-caption th:nth-child(1),.table-caption th:nth-child(2){padding-left:10px}@media(max-width: 1372px){.table-caption th{font-size:2rem;line-height:2rem;font-weight:500;width:70px;padding:10px 5px}.table-caption th:nth-child(1),.table-caption th:nth-child(2),.table-caption th:nth-child(3){width:150px}.table-caption th:nth-child(1),.table-caption th:nth-child(2){padding-left:6px}}@media(max-width: 768px){.table-caption th{font-size:1.6rem;line-height:1.6rem;font-weight:400;width:50px;padding:7px 3px}.table-caption th:nth-child(1),.table-caption th:nth-child(2),.table-caption th:nth-child(3){width:120px}.table-caption th:nth-child(1),.table-caption th:nth-child(2){padding-left:3px}}.table-body{color:#000}.table-body td{font-size:2.2rem;line-height:2.2rem;font-weight:normal;padding:8px 5px}.table-body td:nth-child(1),.table-body td:nth-child(2){padding-left:10px}@media(max-width: 1372px){.table-body td{font-size:1.5rem;line-height:1.5rem;font-weight:normal}}@media(max-width: 1372px){.table-body td{font-size:1.3rem;line-height:1.3rem;font-weight:normal}}.centered{text-align:center !important}.table-button{cursor:pointer;user-select:none}.table-button.asc::after{content:" ↑"}.table-button.desc::after{content:" ↓"}