@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap); @import url(https://fonts.googleapis.com/css2?family=Rubik:wght@100;300;400&display=swap); /*! 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;-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}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:-0.25em}sup{top:-0.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}:root{--body-color: #212529;--maintheme: #a8eee4;--bg-color: #1b6f7a;--dark-bg-color: #1b4a58;--light-bg-color: #31777d;--white: #fff;--light-shadow: #ededed;--grey: #525252;--light-grey: #8692a6;--light-red: rgba(219,102,102,0.90196);--white-transparent: rgba(255, 255, 255, 0.5);--light: #d7d7d7;--light-green: #a5cda5;--green: #72ab72}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,button,textarea{font-family:inherit}body{font-family:"Rubik","Roboto",sans-serif;font-style:normal;font-weight:300;font-size:16px;line-height:normal;color:#fff;color:var(--white);background:#1b6f7a;background:var(--bg-color);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;margin:0;letter-spacing:.05rem;background-image:url(/projects/rss-eng-learner/assets/landing-background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;overflow-x:hidden}h1{font-weight:normal;font-size:1.5em;color:#a8eee4;color:var(--maintheme);margin:1rem 2rem 1rem 1rem;white-space:nowrap}h2{margin:1rem 0}h3,h4{margin:.5rem 0}:focus,:active{outline:none}a:focus,a:active{outline:none;color:inherit}button{cursor:pointer}a,a:visited,a:link{text-decoration:none;color:inherit}a:hover{text-decoration:none;color:#a8eee4;color:var(--maintheme)}nav,footer,header,aside{display:block}p{margin:.5rem 0}.wrapper{max-width:1300px;width:90%;margin:0 auto}.header__wrapper{display:flex;justify-content:space-between;align-items:center;padding:0px 1.2rem;font-size:1rem;background:hsla(0,0%,100%,.1);box-shadow:0px 4px 20px rgba(0,0,0,.25);backdrop-filter:blur(30px);border-radius:8px;margin:2rem auto 1.2rem auto}.accent{color:#a8eee4;color:var(--maintheme)}.img-x20 img{max-width:20rem;width:100%}.img-x15 img{max-width:15rem;width:100%}.img-x5 img{max-width:5rem;width:100%}.img-x3 img{max-width:3rem;width:100%}.btn{max-width:117px;border-radius:4px;border:none;background:hsla(0,0%,100%,.2);color:#fff;font-size:1rem;outline:none;cursor:pointer;display:inline-flex;align-items:center;-ms-flex-pack:center;padding:6px 15px;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;font-weight:300;letter-spacing:.05rem}a.btn{display:inline}a.btn:hover{color:inherit}a.btn.btn.inactive:hover{color:#a8a8a8}.btn-big{max-width:150px;background:rgba(157,117,194,.5)}.btn:hover{opacity:.9}.btn:active{opacity:.7}.btn.active{background:rgba(0,0,0,.25)}.btn.inactive{background:rgba(0,0,0,.25);color:#a8a8a8;cursor:default}.btn.inactive:active,.btn.inactive:hover{opacity:1}input{background:hsla(0,0%,100%,.25);border-radius:4px;height:1.8rem}input:focus{background:hsla(0,0%,100%,.45)}.modal{position:fixed;left:50%;top:30%;transform:translate(-50%, -50%);transition:.5s;font-size:1.5rem;color:#a8eee4;color:var(--maintheme);background:rgba(0,0,0,.44);padding:1rem 2rem;border-radius:.5rem;font-weight:500;opacity:0;display:none}ul,li{line-height:25px;list-style:none;padding:0}.hidden{display:none}.footer__wrapper{display:flex;justify-content:space-around;align-items:center;padding:20px 0;font-size:1rem}.footer__info{display:flex;gap:20px}.footer__copyright{display:flex;align-items:center}.year{padding:0 20px}.github-username,.rss{text-decoration:none;transition:.3s}.loader{position:absolute;top:40%;left:0%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:27px;width:100%}.loader h2{font-size:.8em;text-align:center;font-weight:300;margin:0;text-transform:uppercase}.loader .loading span{display:inline-block;vertical-align:middle;width:.6em;height:.6em;margin:.19em;background:#fff;border-radius:.6em;animation:loading 1s infinite alternate}.loader .loading span:nth-of-type(2){background:#fff;animation-delay:.15s}.loader .loading span:nth-of-type(3){background:#fff;animation-delay:.3s}.loader .loading span:nth-of-type(4){background:#fff;animation-delay:.45s}.loader .loading span:nth-of-type(5){background:#fff;animation-delay:.6s}.loader .loading span:nth-of-type(6){background:#fff;animation-delay:.8s}.loader .loading span:nth-of-type(7){background:#fff;animation-delay:1s}@keyframes loading{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 768px){html{font-size:14px}.header{z-index:1}.header__wrapper{margin:1.5rem auto 1rem auto}.footer__wrapper{flex-wrap:wrap;grid-gap:20px}.nav__list{flex-wrap:wrap}.loader{font-size:20px}>div,a,p{line-height:1.5rem}}.hide{display:none}main{display:flex}.main__wrapper{background:hsla(0,0%,100%,.1);box-shadow:0px 4px 20px rgba(0,0,0,.25);backdrop-filter:blur(25px);border-radius:8px;min-height:70vh;margin-bottom:1.5rem;padding:2rem;transition:.25s}.main__article{max-width:55rem;padding:7rem 3rem 3rem 4rem;margin:auto 0}.article__title{font-size:3rem;margin:0;padding-bottom:2rem;letter-spacing:.05rem;text-transform:uppercase;line-height:4.3rem}.article__text{margin:0;padding-bottom:2.5rem;letter-spacing:.05rem;line-height:1.5rem}.btn.btn-article{font-size:1.25rem;padding:6px 32px;box-shadow:0px 4px 20px rgba(61,61,61,.25);margin-top:1rem}.main__wrapper-container{max-height:63vh;display:flex;flex-direction:column;position:relative}.main__container{display:flex;align-items:center;transition:1s;position:relative;min-height:60vh}.main__container .whale{position:absolute;right:3rem;bottom:-5rem;z-index:-1}.main__container .bubbles-top{position:absolute;left:11%;top:0rem}.main__container .bubbles{position:absolute;right:2rem;bottom:16rem;z-index:-1}.main__container .skat{position:absolute;left:18%;top:-8rem;z-index:-1}.main__container .img-x20 img{max-width:30rem;width:100%}.btn.btn-bottom-nav{background:rgba(0,0,0,0);display:flex;border:0;align-items:center;font-size:1.25rem;color:#fff;max-width:300px;padding:0;box-shadow:none}.btn.btn-bottom-nav img{max-width:30px;margin-left:7px;transition:.3s}.btn.btn-bottom-nav:hover img{margin-left:15px}.article__bottom-nav{width:290px;border-top:3px solid hsla(0,0%,100%,.25);margin-top:70px;display:flex;justify-content:flex-start;align-items:center;padding-top:23px}.bottom-nav__back{margin-right:2.5rem}.bottom-nav__back img{cursor:pointer;max-width:30px;transform:translateX(0px);transition:.3s;padding-right:1rem;box-sizing:content-box}.bottom-nav__back img:hover{transform:translateX(-8px)}.advantages__content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2.5rem;gap:2.5rem}.advantages__item{flex-direction:column;background:#fff;color:#000;border-radius:20px;display:flex;filter:opacity(0.9);box-shadow:0px 4px 20px rgba(0,0,0,.25)}.advantages__item img{border-radius:20px 20px 0 0;height:auto;width:100%;transition:.3s}.advantages__item .avatar{max-width:calc(180.5px + 2rem);padding:.5rem 1rem;align-self:center;max-height:calc(135.5px + 2rem);-o-object-fit:contain;object-fit:contain}.advantages__item .avatar.outlaw{padding:1.3rem 1rem}.advantages__item img.second{border-radius:0 0 20px 20px;height:auto;width:100%}.advantages-title{padding:0 1rem 0rem 1rem;align-self:center}.advantages-title.second{padding:.5rem 1rem 0rem 1rem}.advantages-text{padding:0 1rem 1rem 1rem}.advantages-text.second{padding:0 1rem 0rem 1rem}.advantages .main__article{max-width:65rem;padding:4rem 3rem 1rem 4rem}.team__title{padding:0 1rem 0rem 1rem;display:flex;align-items:center;justify-content:center}.team__list{display:flex;flex-direction:column;align-items:center;padding-left:1rem;font-size:.95rem}.team__list-item{list-style:disc;line-height:1.2rem;padding-bottom:.5rem;list-style-type:circle}.team__list-item::marker{color:#1b6f7a;color:var(--bg-color)}.github-logo img{max-width:20px;margin-right:5px}@media screen and (max-width: 1300px){.main__container .skat{top:-4rem}.main__container .bubbles{bottom:19rem}.article__title{font-size:2.5rem;line-height:3.3rem}}@media screen and (max-width: 950px){.main__container .skat{position:absolute;left:24%;top:-8rem;z-index:-1}.advantages__content{grid-template-columns:1fr 1fr}.main__container .bubbles{bottom:16rem;right:0rem}.advantages .main__article,.main__article{width:100%;padding:5rem 3rem 3rem 4rem}.main__container .whale{right:0rem;bottom:-7rem}}@media screen and (max-width: 768px){.main__container .skat{top:-4rem;left:23%}.main__container.advantages .skat{top:-3rem;right:-7%;left:auto}.main__container.advantages .bubbles-top{right:34%;top:0rem;left:auto}.article__title{font-size:2rem;line-height:3rem}.main__container.advantages .whale{right:-2rem;bottom:-4rem}}@media screen and (max-width: 550px){.wrapper.main__wrapper.textbook{width:100%}.wrapper{width:94%}.main__wrapper{padding:8% 3%}.advantages__content{grid-template-columns:1fr}.main__container .img-x20 img{max-width:20rem}.img-x15 img{max-width:12rem}.img-x5 img{max-width:4rem}.main__container.advantages .article__bottom-nav{margin-top:11rem;padding-top:2rem}.main__container.advantages .whale{right:-15%;bottom:8%}.main__container.advantages .bubbles{bottom:23rem;right:-3rem}.main__container.advantages .bubbles-top{right:60%;top:0rem;left:auto}.main__container .bubbles{bottom:8rem;right:-3rem}.main__container .skat{top:-4rem;right:-13%;left:auto;z-index:-1}.main__container .whale{right:-3rem;bottom:-5rem}.advantages .main__article,.main__article{padding:5rem 1rem 5rem 1rem}.article__title{font-size:1.7rem;line-height:2.5rem}.btn.btn-bottom-nav img{max-width:25px}.bottom-nav__back img{max-width:25px}.bottom-nav__back{margin-right:11%}}@media screen and (max-width: 450px){.main__article{max-width:100%}.article__bottom-nav{width:100%}}@media screen and (max-width: 320px){.btn.btn-bottom-nav{font-size:1rem}}.statistic__article{padding:2rem 1rem 4rem 1rem;margin:auto 0;width:100%;display:flex;flex-direction:column;align-items:center}.main__container.statistics{min-height:70vh}.main__container.statistics .skat{right:-4%;left:auto;top:-2rem}.main__container.statistics .whale{position:absolute;right:-4rem;bottom:-3rem;z-index:-1}.main__container.statistics .img-x20 img{max-width:23rem;width:100%}.statistic__title{display:flex;align-items:center;flex-wrap:wrap;flex-direction:row;align-self:center;padding-bottom:1.5rem}.anonim .statistic__title{justify-content:center;flex-direction:column}.statistics .anonim .article__title{text-align:center;font-size:2rem;line-height:3.3rem;max-width:45rem}.statistic__today{padding-bottom:2.5rem}.statistics .article__title{padding:0;padding-right:1rem}.statistic__sub-title{font-size:2rem;line-height:2.3rem}.btn.btn-stat-login{font-size:1.25rem;padding:6px 32px;box-shadow:0px 4px 20px rgba(61,61,61,.25);margin-top:1rem}.statistic__words{display:flex;justify-content:center;padding-bottom:1.5rem;gap:1.5rem}.stat-words-data span{font-size:2rem}.statistic__games{display:flex;gap:2rem;justify-content:center}.stat-game-card{border-radius:20px;text-align:justify;display:flex;flex-direction:column;box-shadow:0px 4px 20px rgba(0,0,0,.25);padding:1rem;backdrop-filter:blur(22px);background:hsla(0,0%,100%,.1);filter:opacity(0.9);color:#000}.stat-game-card.audiochallenge{background:#fff url(/projects/rss-eng-learner/assets/games/headphones.svg) no-repeat center;background-size:40%;background-position:right -10px top -30px}.stat-game-card.sprint{background:#fff url(/projects/rss-eng-learner/assets/games/fish.svg) no-repeat center;background-size:60%;background-position:right -20px top -20px}.stat-game-card__accent{font-weight:500}.stat-game-card__name{align-self:center;margin-left:0;font-size:1.25rem}.stat-words-data{display:flex;flex-direction:column;align-items:center}.stat-game-card__data{display:flex;flex-direction:column}.statistic__all-time{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.all-time__card__name{text-align:center}.all-time__card__chart{padding-top:1rem}canvas.newWordsChart,canvas.learnedWordsChart{width:450px !important}@media screen and (max-width: 768px){.main__container.statistics .img-x20 img{max-width:23rem;width:100%;opacity:.5}.main__container.statistics .skat{right:-10%;top:-3rem}.statistics .anonim .article__title{font-size:1.5rem;line-height:2.5rem;max-width:40rem}}@media screen and (max-width: 550px){.statistic__article{padding:7rem 1rem 13rem 1rem}.statistics .anonim .article__title{font-size:1.2rem;line-height:2rem}.statistic__games{flex-wrap:wrap}.stat-words-data{font-size:1rem;align-items:center;text-align:center}.statistic__sub-title{font-size:1.5rem;line-height:1.8rem}.stat-game-card__data{font-size:1rem}.main__container.statistics .whale{right:0rem}.main__container.statistics .img-x20 img{opacity:1}.main__container.statistics .bubbles{bottom:11rem;right:-3rem}canvas.newWordsChart,canvas.learnedWordsChart{width:300px !important}}.nav__list{display:flex;gap:20px}.nav__list .btn{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav__list .btn.btn-login{background:hsla(0,0%,100%,.2)}.nav__list .btn.btn-logout{background:rgba(0,0,0,.2)}.hamburger{display:none;z-index:1;margin:0 3rem 0 auto;transition:.3s}@media screen and (max-width: 550px){.hamburger{margin:0 3rem 0 0}}.hamburger .line{width:30px;height:2px;background-color:#a8eee4;background-color:var(--maintheme);display:block;margin:6px auto;transition:all .3s ease-in-out}.hamburger:hover{cursor:pointer}#hamburger-1.is-active{transform:rotate(90deg)}@media screen and (max-width: 950px){.nav__list{gap:3px}}@media screen and (max-width: 768px){.hamburger{display:block}.nav__list{gap:20px;flex-direction:column;align-items:center;margin-bottom:1.5rem}.nav{position:fixed;top:53px;right:0px;width:160px;background-color:var(--color-dark-3xl);z-index:2;padding-right:0px;transition:.5s;background:rgba(42,160,154,.95);box-shadow:0px 4px 20px rgba(0,0,0,.25);backdrop-filter:blur(30px);border-radius:8px;transform:scaleY(0);transform-origin:0 0}}@media screen and (max-width: 768px)and (max-width: 320px){.nav{width:100%}}@media screen and (max-width: 768px){.nav.is-active{top:53px;transform:scaleY(1)}}.register{display:flex;align-items:center;height:100%;width:100%;justify-content:flex-start;gap:5rem}.form{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}label{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.input-title{margin-right:2rem;font-size:1rem;font-weight:500;line-height:1;white-space:nowrap}.input{border:1px solid #fff;border-radius:6px;padding:10px 15px;background-color:rgba(0,0,0,0);color:#fff;font-family:inherit;font-size:inherit;font-weight:300;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;height:2rem}.input:focus{border-color:#a8eee4;border-color:var(--maintheme);background-color:rgba(0,0,0,0);outline:none}.input:focus::-moz-placeholder{color:#a8eee4;color:var(--maintheme)}.input:focus::placeholder{color:#a8eee4;color:var(--maintheme)}.input::-moz-placeholder{font-weight:300;color:#89bac0}.input::placeholder{font-weight:300;color:#89bac0}.btn-register{max-width:200px;align-self:center;font-size:1.25rem}.register__link a{border-bottom:1px solid}.register__link{align-self:center}.register__images{display:flex;flex-direction:column;align-items:flex-end}.register__images .img-x20 img{max-width:25rem;width:100%}.register__title{align-self:center;font-size:2rem;font-weight:500}@media screen and (max-width: 550px){.register{flex-wrap:wrap;gap:1rem;justify-content:center}.register__form{order:0}.register__images{order:1}}.textbook-title-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:30px;gap:20px}.textbook-instructions-btn{transition:.4s;border:none}.textbook-instructions-btn:hover{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.textbook-instructions-btn--active{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.textbook-instructions-btn{border-radius:5px;padding:10px;font-size:1.17em;font-weight:bold;color:darkred}.textbook-dictionary,.textbook-title-btn{transition:.4s;border:none}.textbook-dictionary:hover,.textbook-title-btn:hover{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.textbook-dictionary--active,.textbook-title-btn--active{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.textbook-dictionary,.textbook-title-btn{border-radius:5px;padding:10px;font-size:1.17em;font-weight:bold}.textbook-dictionary[disabled]:hover:hover,.textbook-title-btn[disabled]:hover:hover{cursor:auto;background-color:#6a979f;box-shadow:none}.textbook-title,.textbook-subtitle{margin:0}.textbook-subtitle{font-weight:bolder}.textbook-difficulty-group{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding-top:20px}@media(max-width: 750px){.textbook-difficulty-group{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr) minmax(180px, 1fr));font-size:.8em;grid-gap:10px;gap:10px}}@media(max-width: 450px){.textbook-difficulty-group{grid-template-columns:auto}}.textbook-difficulty-group__btn{border-radius:10px;transition:.4s}.textbook-difficulty-group__btn:hover{box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.textbook-difficulty-group__btn--active{box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.group-0{background-color:#d9d5d3}.group-1{background-color:#cdcba8}.group-2{background-color:#e1a8a8}.group-3{background-color:#a5cda5}.group-4{background-color:#8fc5eb}.group-5{background-color:#c5a7c5}.textbook-games-block{display:flex;flex-wrap:wrap;align-items:center;padding-top:30px;gap:20px}@media(max-width: 450px){.textbook-games-block{gap:10px}}.textbook-games-btn{transition:.4s;border:none}.textbook-games-btn:hover{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.textbook-games-btn--active{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.textbook-games-btn{border-radius:5px;padding:10px;font-size:1.17em;font-weight:bold}.textbook-games-btn[disabled]{background-color:#6a979f}.textbook-games-btn[disabled]:hover:hover{cursor:auto;background-color:#6a979f;box-shadow:none}@media(max-width: 750px){.textbook-games-btn{font-size:.9em}}.textbook-words{display:flex;gap:30px}.textbook-words--learned{opacity:.5}@media(max-width: 550px){.textbook-words{gap:15px;font-size:.9em}}.words-btns{display:grid;grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit, minmax(237px, 1fr));grid-auto-rows:minmax(min-content, 80px);flex:1 0 60%}@media(max-width: 994px){.words-btns{flex:1 0 40%}}@media(max-width: 765px){.words-btns{grid-template-columns:minmax(100px, auto);word-wrap:anywhere}}.words-btns__btn{transition:.4s;border:none}.words-btns__btn:hover{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.words-btns__btn--active{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.words-btns__btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#000;border-radius:5px;cursor:pointer;padding:10px 40px 10px 10px}.word-btn-title,.word-btn-translate{margin:0}.word-btn-title{padding-bottom:10px}@media(max-width: 550px){.word-btn-title{font-size:14px}}.word-btn-translate{font-weight:bolder}@media(max-width: 550px){.word-btn-translate{font-size:14px}}.word-btn__star{position:absolute;top:5px;right:5px;z-index:10;width:25px}.star-svg{fill:#525050}.star-svg:hover{fill:#fffc00}.star-svg--active{fill:#fffc00}.word-btn__bin{position:absolute;bottom:5px;right:5px;z-index:10;width:25px}.bin-svg{fill:#525050}.bin-svg:hover{fill:#069b00}.bin-svg--active{fill:#069b00}.word-description{min-height:700px;flex:1 1 40%;align-self:flex-start;display:flex;flex-direction:column;gap:20px}.word-description__word-image{width:100%;border-radius:20px;height:20vw;max-height:308px}@media(max-width: 994px){.word-description__word-image{height:30vw;max-height:300px}}@media(max-width: 550px){.word-description__word-image{height:35vw;max-height:200px}}.word-description__text-container{padding-left:.5rem}.word-description__word-title{font-size:1.5rem;word-wrap:anywhere}.word-description__word-translate{font-size:1.3rem;margin:0 0 10px;word-wrap:anywhere}.word-description__word-transcript{margin-bottom:1rem}.word-description__stats-title{padding-top:20px;text-align:center}.word-description__stats-block{display:flex;gap:10px;justify-content:space-evenly;text-align:center;color:#000}@media(max-width: 500px){.word-description__stats-block{flex-direction:column;align-items:center}}.word-description__game-stats-block{padding:0 10px;border-radius:10px;display:inline-flex;gap:5px}@media(max-width: 994px){.word-description{flex:1 1 60%;position:sticky;top:20px}}.title-audio-block{display:flex;align-items:center;gap:.5rem}.audio-btn{background:url(/projects/rss-eng-learner/assets/audio-icon.svg) no-repeat;background-size:contain;width:20px;height:20px;border:none}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:660px;margin:0 auto;padding-top:30px}.pagination__page-btn{width:40px;color:#000;background:none;border-radius:5px;padding:5px;transition:.4s;border:none}.pagination__page-btn:hover{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.pagination__page-btn--active{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.pagination__page-btn--active{box-shadow:none}.learned-page{position:relative}.learned-page:before,.learned-page:after{content:"";position:absolute;top:13px;left:5px;width:30px;height:2px;background:#a43a3a}.learned-page:before{transform:rotate(45deg)}.learned-page:after{transform:rotate(-45deg)}.overlay{position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;background-color:rgba(82,82,82,.95);padding:10px;overflow:auto}.instructions-title{margin-top:80px;margin-bottom:30px;text-align:center}.instructions-star,.instructions-bin{width:6vw;max-width:80px;flex:0 0 auto}.instructions-svg-block{display:flex;align-items:center;gap:20px}.other-instructions{padding-left:30px}.instructions-goodluck{margin-top:30px;text-align:center}.close-readme-btn{transition:.4s;border:none}.close-readme-btn:hover{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.close-readme-btn--active{background-color:#a8eee4;background-color:var(--maintheme);box-shadow:0px 0px 10px 5px rgba(0,0,0,.7)}.close-readme-btn{border-radius:5px;padding:10px;font-size:1.17em;font-weight:bold;position:absolute;top:30px;right:30px}.games-wrapper{display:flex;justify-content:space-between;align-content:center;flex-wrap:wrap;gap:20px;align-items:center;margin:20px auto;width:80%}.games-figure{background:#a8eee4;background:var(--maintheme);padding:10px;width:20rem;text-align:center;border-radius:20px;margin:auto}.games-figure:hover{cursor:pointer;transition:all .3s linear}.games-figure:hover .games-figcaption{color:#212529;color:var(--body-color)}.games-figure:hover{opacity:0.8;transform:scale(1.1) translate(-1%, -1%)}.games-link{margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.games-figcaption{color:#1b6f7a;color:var(--bg-color);font-weight:700}.games-figure__image{max-width:100%;max-height:100%;min-width:100px}.games-figure__image_fish{margin-top:17%;margin-bottom:15%}.position-right{margin-top:0px;float:right}.position-left{margin-top:50px}.games-title{width:6.5rem;margin:0 auto}@media(max-width: 540px){.games-figure{width:15rem}}.game-entrance__wrapper{margin-bottom:5%}.game-entrance{width:50%;height:100%;margin:30px auto;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.game-entrance__title{margin:0 auto}.game-entrance__title_audiochallenge{width:10rem}.game-entrance__title_sprint{width:5rem}.game-entrance__text-box{display:flex;flex-direction:column;align-items:center;text-align:center}select.select-input{display:flex;width:18.6rem;height:3rem;background:#fff;background:#fff;background:var(--white);border-radius:4px;border:none;color:#fff;padding-left:2.4rem;cursor:pointer;background-color:hsla(0,0%,100%,.2);box-shadow:0px 4px 20px rgba(61,61,61,.25);margin-top:1rem;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position-x:90%;background-position-y:50%}.game-option-1,.game-option-2,.game-option-3,.game-option-4,.game-option-5,.game-option-6{background-color:#85959c}.bold{font-weight:700}.game-start-btn{font-size:1.5rem;vertical-align:top;padding-bottom:11px;padding:20px 60px 20px 60px;max-width:-moz-fit-content;max-width:fit-content;box-shadow:0px 4px 20px rgba(61,61,61,.25);margin-top:2rem;font-weight:500}.hidden{display:none}.game-modal-window{position:fixed;top:0;left:0;min-height:84vh;min-width:100%;background:var(--modal-background)}@media(max-width: 540px){.select-input,.game-start-btn{width:15rem}}.game-operations-group{margin:.5% 0;display:flex;justify-content:space-between;align-items:center}.game-operations-group__close-btn,.game-operations-group__btn-wrapper{width:40px;height:40px;margin:.5%;cursor:pointer}.game-operations-group__close-btn:hover,.game-operations-group__btn-wrapper:hover{transition:all .3s linear;opacity:0.7}.game-operations-group__close-btn.hidden,.game-operations-group__btn-wrapper.hidden{display:none}.game-operations-group__close-btn,.game-operations-group__green-sound,.game-operations-group__red-sound{width:40px;height:40px}.game-operations-group__sound-btns-wrapper{display:flex;margin:2%}.game-section{width:95%;margin:1% auto}.game-operations-group__cross-img{width:40px;height:40px;cursor:pointer}.game-operations-group__cross-img_light{filter:invert(92%) sepia(57%) saturate(287%) hue-rotate(90deg) brightness(99%) contrast(89%)}.game-section__speaker-wrapper,.game-section__answer-image-wrapper{cursor:pointer}.game-section__speaker-wrapper:hover,.game-section__answer-image-wrapper:hover{transition:all .3s linear;opacity:0.7}.game-section__speaker-wrapper{margin:auto;min-height:354px;width:170px;display:flex;align-items:center}.game-section__speaker-wrapper.hidden{display:none}.game-section__answer-image-wrapper{margin:0 auto;width:50%;border:solid 1px #a8eee4;border:solid 1px var(--maintheme);border-radius:50%}.game-section__speaker-img{display:block;margin:8% auto}.game-section__speaker-img:hover{transition:all .3s linear;opacity:0.7}.game-section__speaker-img_big{width:140px;height:140px;border:solid 1px #a8eee4;border:solid 1px var(--maintheme);border-radius:50%;padding:20px;box-shadow:0px 15px 40px 5px #ededed;box-shadow:0px 15px 40px 5px var(--light-shadow)}.game-section__speaker-img_small{width:30px;height:30px}.game-section__answer-speaker-wrapper{height:30px;width:30px;display:flex;cursor:pointer}.game-section__word-wrapper{width:100%;margin:0 auto;display:flex;justify-content:center;margin-top:30px;padding:10px}.game-section__word,.game-section__selected-word{text-align:center;line-height:2.5rem;margin-left:2%;font-size:2rem}.game-section__word:hover,.game-section__selected-word:hover{transition:all .3s linear;opacity:0.7}.game-section__word:disabled{pointer-events:none}.game-section__words-wrapper,.game-section__next-btn-wrapper,.game-section__skip-btn-wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2%}.game-section__words-wrapper{justify-content:space-evenly}.game-section__next-btn-wrapper.hidden,.game-section__skip-btn-wrapper.hidden{display:none}.game-section__word{margin-left:2%;background-color:rgba(0,0,0,0);border:none;color:#fff;color:var(--white)}.game-section__word.semitransparent{color:rgba(255, 255, 255, 0.5);color:var(--white-transparent)}.game-section__word.strikethrough{text-decoration:line-through;text-decoration:line-through;-webkit-text-decoration:line-through var(--light-red);text-decoration:line-through var(--light-red);text-decoration-thickness:3px;color:rgba(219,102,102,0.90196);color:var(--light-red)}.game-section__answer-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-section__answer-wrapper.hidden{display:none}.game-section__answer-img{width:100%;margin:0 auto;border-radius:1rem;box-shadow:0px 15px 40px 5px #ededed;box-shadow:0px 15px 40px 5px var(--light-shadow)}.game-section__next-btn-wrapper .game-start-btn{font-size:3rem;vertical-align:top;padding-bottom:11px;padding:7px 60px 10px 60px}.game-start-btn.result-section__close-btn{font-size:1.5rem;vertical-align:top;padding-bottom:11px;padding:10px 20px 10px 20px;max-width:inherit;box-shadow:0px 4px 20px rgba(61,61,61,.19);margin-top:2rem;font-weight:500;margin-bottom:2rem;background:#8692a6}.fixed-window-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/projects/rss-eng-learner/assets/games/challenge-bg.jpeg) no-repeat;background-size:cover}.game-section__answer-word-wrapper{margin-left:1%;display:flex;padding:1%;font-size:1rem}.game-section__wrong-sign-wrapper,.game-section__correct-sign-wrapper,.game-section__default-sign-wrapper{width:38px;height:38px;display:flex;justify-content:center;align-items:center}.game-section__wrong-sign-wrapper.hidden,.game-section__correct-sign-wrapper.hidden,.game-section__default-sign-wrapper.hidden{display:none}.game-section__correct-sign-img{width:38px;height:38px}.game-section__wrong-sign-img{width:25px;height:25px}.game-section__default-sign-img{width:25px;height:25px}.game-section__answer-signs-wrapper{display:flex;align-items:center}.fixed-window.hiiden{display:none}.fixed-result-window{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#d7d7d7;background-color:var(--light);border-radius:10px}.result-section__word-wrapper{display:flex;justify-content:flex-start;margin:0 3%}.result-section__speaker-img_small{width:20px;height:20px;cursor:pointer}.result-section__header{font-size:1.5rem}.result-section__word{font-size:1rem;text-align:center;line-height:3rem}.result-section{width:30vw;height:0}.result-section__words{margin:3% 3% 0;background-color:#fff;background-color:var(--white);color:#1b4a58;color:var(--dark-bg-color);overflow-y:scroll;border-radius:10px;height:90%}.result-section__speaker-img{display:block;align-self:center;margin-right:1rem}.result-section__learned-words{padding:1% 5%}.result-section__unlearned-words{padding:1% 5%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#8692a6;background:var(--light-grey);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8eee4;background:var(--maintheme)}.result-section__operation-panel{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;background-color:#d7d7d7;background-color:var(--light);border-radius:10px}.result-section__operation-panel.hidden{display:none}.result-section__span{padding:1.5% 3%;border-radius:50%}.result-section__span_correct{background-color:#a5cda5;background-color:var(--light-green)}.result-section__span_errors{background-color:rgba(219,102,102,0.90196);background-color:var(--light-red)}.game-progress{position:relative;display:flex;width:100%;height:30px;background:#fff;background:var(--white);border-radius:5px;overflow:hidden}.game-progress__fill{width:0%;height:100%;background:#a5cda5;background:var(--light-green);transition:all .3s ease-out}.game-progress__text{position:absolute;top:50%;right:5px;transform:translateY(-50%);font-weight:700;color:#72ab72;color:var(--green)}@media screen and (max-width: 1600px){.result-section{width:70vw}.game-section__answer-word-wrapper{justify-content:center;padding:1%}.game-section__speaker-img_big{width:120px;height:120px}.game-section__speaker-wrapper{min-height:auto}.game-section__answer-wrapper{flex-direction:row;width:50%;margin:0 auto}.game-section__word-wrapper{margin-top:0}.game-section__selected-word{margin-left:8%;font-size:1.5rem;line-height:1.7rem}.game-section__word{font-size:1.5rem;line-height:1.7rem}.game-section__skip-btn,.game-section__next-btn{font-size:1.5rem}.game-section__skip-btn-wrapper,.game-section__next-btn-wrapper{margin-top:2%}.game-operations-group__green-sound,.game-operations-group__red-sound,.game-operations-group__cross-img{width:80%}.game-operations-group{margin:0}.game-section__words-wrapper{margin-top:5%}}@media screen and (max-width: 768px){.game-section__answer-wrapper{width:40%;flex-direction:column;justify-content:center}.game-section__answer-word-wrapper{width:100%}}.fixed-sprint-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/projects/rss-eng-learner/assets/games/sprint-bg.jpeg) no-repeat;background-size:cover}.sprint-game-wrapper{background:hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.25);backdrop-filter:blur(25px);border-radius:8px;min-height:70vh;width:70vw;margin:0 auto 1.5rem;padding:2rem}.sprint-game-wrapper--correct{background-color:rgba(109,236,104,.4);transition:.3s}.sprint-game-wrapper--incorrect{background-color:rgba(245,87,87,.4);transition:.3s}@media(max-width: 700px){.sprint-game-wrapper{width:90vw}}.fixed-be-ready-window{position:relative;height:90vh;width:100vw}.be-ready{position:absolute;width:200px;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;gap:20px}.be-ready__num-wrapper{width:80px;height:80px;border:3px solid #1b6f7a;border:3px solid var(--bg-color);border-radius:50%;padding:1%;margin:5% auto 0;display:flex;justify-content:center;align-items:center;box-shadow:0 15px 40px 5px #ededed;box-shadow:0 15px 40px 5px var(--light-shadow)}.be-ready__num{font-size:3rem;color:#1b6f7a;color:var(--bg-color)}.be-ready__text{font-size:1.5rem;font-weight:700;color:#1b6f7a;color:var(--bg-color)}.game-operations-group__cross-img_dark{filter:invert(42%) sepia(16%) saturate(3596%) hue-rotate(324deg) brightness(105%) contrast(58%)}.base-timer{position:relative;width:150px;height:150px;margin:0 auto}.base-timer__circle{fill:none;stroke:none}.base-timer__path-elapsed{stroke-width:7px;stroke:gray}.base-timer__path-remaining{stroke-width:7px;stroke-linecap:round;transform:rotate(90deg);transform-origin:center;transition:1s linear all;fill-rule:nonzero;stroke:currentColor}.base-timer__path-remaining.green{color:#41b883}.base-timer__path-remaining.orange{color:orange}.base-timer__path-remaining.red{color:red}.base-timer__label{position:absolute;width:150px;height:150px;top:0;display:flex;align-items:center;justify-content:center;font-size:48px;color:#212529;color:var(--body-color)}.sprint-question{padding:40px 0;display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:center}.sprint-english-word{font-size:50px;color:#212529;color:var(--body-color);font-weight:500}@media(max-width: 500px){.sprint-english-word{font-size:30px}}.sprint-word-translate{font-size:50px;color:#525252;color:var(--grey)}@media(max-width: 500px){.sprint-word-translate{font-size:25px}}.sprint-english-word,.sprint-word-translate{word-wrap:anywhere;text-align:center}.sprint-answer{display:flex;gap:30px;justify-content:center}@media(max-width: 500px){.sprint-answer{flex-direction:column-reverse;align-items:center}}.sprint-answer__correct{background-color:#6dec68}.sprint-answer__correct::after{content:"→"}.sprint-answer__incorrect{background-color:#f55757}.sprint-answer__incorrect::after{content:"←"}.sprint-answer__correct,.sprint-answer__incorrect{position:relative;padding:10px;border:none;border-radius:10px;width:150px;font-size:25px;transition:.4s}.sprint-answer__correct:hover,.sprint-answer__incorrect:hover{box-shadow:0px 0px 10px 5px rgba(0,0,0,.7);transition:.4s}.sprint-answer__correct::after,.sprint-answer__incorrect::after{position:absolute;font-size:50px;top:50px;right:50%;transform:translateX(50%)}@media(max-width: 500px){.sprint-answer__correct::after,.sprint-answer__incorrect::after{content:""}}.fixed-sprint-window-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/projects/rss-eng-learner/assets/games/sprint-bg.jpeg) no-repeat;background-size:cover}