@font-face{font-family:"Sant Joan Despi";font-style:normal;font-weight:400;src:local(""),url(assets/SantJoanDespi-Regular.woff) format("woff")}@font-face{font-family:"Pangolin";font-style:normal;font-weight:400;src:local(""),url(assets/pangolin-v11-latin_cyrillic-regular.woff2) format("woff2"),url(assets/pangolin-v11-latin_cyrillic-regular.woff) format("woff")}@font-face{font-family:"Comforter Brush";font-style:normal;font-weight:400;src:local(""),url(assets/comforter-brush-v5-latin_cyrillic-regular.woff2) format("woff2"),url(assets/comforter-brush-v5-latin_cyrillic-regular.woff) format("woff")}:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:var(--bg-color);font-family:"Pangolin",sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:28px;transition:all .2s ease-in-out}@media screen and (max-width: 575.98px){body{font-size:20px;line-height:24px}}a,a:hover,a:focus,a:active{text-decoration:none;color:inherit}button{all:unset;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center}input[type=range]{cursor:pointer;-webkit-appearance:none;background-image:linear-gradient(#5788c5, #5788c5);background-size:50% 100%;background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer}input[type=range]::-moz-range-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer}input[type=range]::-ms-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:rgba(0,0,0,0)}input[type=range]::-moz-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:rgba(0,0,0,0)}input[type=range]::-ms-track{-webkit-appearance:none;box-shadow:none;border:none;background:rgba(0,0,0,0)}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.footer{width:100%;background:linear-gradient(180deg, #99b5d8 0%, rgba(153, 181, 216, 0) 100%),#5788c5;color:var(--text-active-color);justify-self:flex-end;display:flex;justify-content:center}.footer__container{width:100%;padding:9px 20px;max-width:1400px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 1199.98px){.footer__container{max-width:990px}}@media screen and (max-width: 991.98px){.footer__container{max-width:800px}}@media screen and (max-width: 767.98px){.footer__container{max-width:600px}}.footer__logo_img{width:80px;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(344deg) brightness(106%) contrast(101%);transition:filter .2s ease-in-out}.footer__link{transition:all .2s ease-in-out}.footer__link:hover{color:var(--bg-color)}.footer__logo_img:hover{filter:brightness(0) saturate(100%) invert(8%) sepia(41%) saturate(649%) hue-rotate(169deg) brightness(90%) contrast(90%)}.footer__year{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out}@media screen and (max-width: 575.98px){.footer__year{font-size:14px}}.light .footer__logo_img{filter:brightness(0) saturate(100%) invert(8%) sepia(41%) saturate(649%) hue-rotate(169deg) brightness(90%) contrast(90%)}.light .footer__logo_img:hover{filter:brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(121deg) brightness(102%) contrast(101%)}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.header{padding:0 20px;width:100%;max-width:1400px;display:flex;flex-direction:column;gap:20px;font-size:24px;line-height:38px}@media screen and (max-width: 1199.98px){.header{max-width:990px}}@media screen and (max-width: 991.98px){.header{max-width:800px}}@media screen and (max-width: 767.98px){.header{max-width:600px}}.header__top-container{display:flex;align-items:center;gap:50px}@media screen and (max-width: 767.98px){.header__top-container{gap:10px}}.header__logo{cursor:pointer;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:"Sant Joan Despi";font-style:normal;font-weight:400;font-size:74px;line-height:80px}@media screen and (max-width: 767.98px){.header__logo{font-size:50px;line-height:56px}}@media screen and (max-width: 575.98px){.header__logo{font-size:30px;line-height:40px}}.header__logo_crow{color:var(--text-active-color);transition:all .2s ease-in-out}.header__logo_echo{color:#f0010f}.header__feather{padding-top:5px;width:70px}@media screen and (max-width: 991.98px){.header__feather{display:none}}.nav{width:100%;display:flex;align-items:center;border-radius:13px;background-color:#99b5d8;overflow:hidden}@media screen and (max-width: 575.98px){.nav{flex-direction:column}}.nav__item{width:100%;padding:10px 0;text-align:center;color:#17212b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.nav__item{padding:0}}.nav__item:hover,.nav__item_active{background-color:#5788c5;color:#fff}.lang-switch{display:flex;justify-content:center;align-items:center;width:152px;height:40px;border-radius:22px;background-color:#99b5d8;border:2px solid #99b5d8;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.lang-switch{width:120px;height:30px}}@media screen and (max-width: 575.98px){.lang-switch{width:120px;height:30px}}.lang-switch_active .lang-switch__btn_ru{background-color:rgba(0,0,0,0);color:#fff}.lang-switch_active .lang-switch__btn_en{background-color:var(--bg-color);color:#99b5d8}.lang-switch__btn_ru{width:100%;font-size:18px;text-align:center;padding:2px 20px;background-color:var(--bg-color);color:#99b5d8;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.lang-switch__btn_ru{padding:2px 10px}}.lang-switch__btn_en{width:100%;font-size:18px;text-align:center;padding:2px 20px;background-color:rgba(0,0,0,0);color:#fff;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.lang-switch__btn_en{padding:2px 10px}}.lang-switch__content{color:#fff}.lang-switch:hover,.lang-switch:focus{background-color:#5788c5;border:2px solid #5788c5}.theme-switch{display:flex;justify-content:center;align-items:center}.theme-switch__input{height:0;width:0;visibility:hidden}.theme-switch__label{cursor:pointer;text-indent:-9999px;width:87px;height:45px;background:#99b5d8;display:block;border-radius:22px;position:relative;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.theme-switch__label{width:70px;height:30px}}@media screen and (max-width: 575.98px){.theme-switch__label{width:60px;height:30px}}.theme-switch__label:hover,.theme-switch__label:focus{background:#5788c5}.theme-switch__label:after{content:"";position:absolute;top:2px;left:2px;width:41px;height:41px;background-color:#eff3f8;background-image:url(assets/moon.svg);background-repeat:no-repeat;background-position:center;border-radius:50%;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.theme-switch__label:after{width:30px;height:30px;top:-1px;left:0}}@media screen and (max-width: 575.98px){.theme-switch__label:after{width:30px;height:30px;top:-1px;left:0}}.theme-switch__input:checked+.theme-switch__label:after{left:calc(100% - 2px);transform:translateX(-100%);background-image:url(assets/sun.svg)}@media screen and (max-width: 767.98px){.theme-switch__input:checked+.theme-switch__label:after{left:100%}}@media screen and (max-width: 575.98px){.theme-switch__input:checked+.theme-switch__label:after{left:100%}}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.error{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:40px;padding-top:20px;color:var(--text-active-color);transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error__message{font-size:24px}.error__status{font-family:"Sant Joan Despi";font-style:normal;font-weight:400;font-size:120px;line-height:130px}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.gallery{padding:20px;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(12, auto);gap:15px}@media screen and (max-width: 1199.98px){.gallery{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 767.98px){.gallery{grid-template-columns:repeat(1, 1fr)}}.gallery .bird-card{width:100%;border-radius:13px;background-color:#99b5d8;padding:15px;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:max-content max-content auto;-moz-column-gap:10px;column-gap:10px}.gallery .bird-card__img{width:100%;max-width:300px;aspect-ratio:1.5/1;-o-object-fit:cover;object-fit:cover;border-radius:13px;border:2px solid #5788c5;grid-column:1;grid-row:1}.gallery .bird-card__name-container{width:100%;grid-column:2;grid-row:1}.gallery .bird-card.player{grid-column:1/3;grid-row:2}.gallery .bird-card__description{grid-column:1/3;grid-row:3;font-size:20px}@media screen and (max-width: 767.98px){.gallery .bird-card__description{font-size:16px}}.bird-card .player{width:100%;display:flex;flex-direction:column}.bird-card .player__play{display:flex;align-items:flex-end;gap:20px;position:relative}.bird-card .player__play-icon{cursor:pointer;width:50px;height:50px;background-image:url(assets/play.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.bird-card .player__play-icon.pause{background-image:url(assets/pause.svg)}.bird-card .player__play-container{width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.bird-card .player__time-line{width:100%;height:10px;background-color:#eff3f8;border-radius:10px}.bird-card .player__time{width:100%;cursor:default;display:flex;justify-content:space-between;color:#eff3f8;font-size:16px}.bird-card .player__vol{display:flex;align-items:center;justify-content:flex-end;gap:12px}.bird-card .player__vol-icon{cursor:pointer;width:30px;aspect-ratio:1/1;background-image:url(assets/sound_on.svg);background-size:contain;background-position:center;background-repeat:no-repeat;filter:invert(1)}.bird-card .player__vol-icon.mute{background-image:url(assets/sound_off.svg)}.bird-card .player__vol-line{width:20%;height:10px;background-color:#eff3f8;border-radius:10px}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.quiz-card.bird-card{flex-basis:70%;width:100%;border-radius:13px;background-color:#99b5d8;padding:15px;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:max-content max-content auto;-moz-column-gap:20px;column-gap:20px}.quiz-card.bird-card .bird-card__default{display:none}.quiz-card.bird-card .player{display:block}.quiz-card.bird-card.showing{display:block}.quiz-card.bird-card.showing .bird-card__default{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.quiz-card.bird-card.showing .bird-card__img{display:none}.quiz-card.bird-card.showing .bird-card__name-container{display:none}.quiz-card.bird-card.showing .bird-card.player{display:none}.quiz-card.bird-card.showing .bird-card__description{display:none}.quiz-card.bird-card .bird-card__img{width:100%;max-width:300px;aspect-ratio:1.5/1;-o-object-fit:cover;object-fit:cover;border-radius:13px;border:2px solid #5788c5;grid-column:1;grid-row:1/3}.quiz-card.bird-card .bird-card__name-container{grid-column:2/4;grid-row:1/2}.quiz-card.bird-card .bird-card.player{grid-column:2/4;grid-row:2/3}.quiz-card.bird-card .bird-card__description{grid-row:3;grid-column:1/4;font-size:20px}.bird-card .player{width:100%}.bird-card .player__play{display:flex;align-items:flex-end;gap:20px;position:relative}.bird-card .player__play-icon{cursor:pointer;width:70px;height:70px;background-image:url(assets/play.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.bird-card .player__play-icon.pause{background-image:url(assets/pause.svg)}.bird-card .player__play-container{width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.bird-card .player__time-line{width:100%;height:10px;background-color:#eff3f8;border-radius:10px}.bird-card .player__time{width:100%;cursor:default;display:flex;justify-content:space-between;color:#eff3f8;font-size:16px}.bird-card .player__vol{display:flex;align-items:center;justify-content:flex-end;gap:12px}.bird-card .player__vol-icon{cursor:pointer;width:30px;aspect-ratio:1/1;background-image:url(assets/sound_on.svg);background-size:contain;background-position:center;background-repeat:no-repeat;filter:invert(1)}.bird-card .player__vol-icon.mute{background-image:url(assets/sound_off.svg)}.bird-card .player__vol-line{width:20%;height:10px;background-color:#eff3f8;border-radius:10px}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.question .player{width:100%}.question .player__play{display:flex;align-items:flex-end;gap:37px;position:relative}.question .player__play-icon{cursor:pointer;width:95px;height:95px;background-image:url(assets/play.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.question .player__play-icon.pause{background-image:url(assets/pause.svg)}.question .player__play-container{width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.question .player__time-line{width:100%;height:15px;background-color:#eff3f8;border-radius:15px}.question .player__time{width:100%;cursor:default;display:flex;justify-content:space-between;color:#eff3f8;font-size:20px}.question .player__vol{display:flex;align-items:center;justify-content:flex-end;gap:12px}.question .player__vol-icon{cursor:pointer;width:42px;aspect-ratio:1/1;background-image:url(assets/sound_on.svg);background-size:contain;background-position:center;background-repeat:no-repeat;filter:invert(1)}.question .player__vol-icon.mute{background-image:url(assets/sound_off.svg)}.question .player__vol-line{width:20%;height:15px;background-color:#eff3f8;border-radius:15px}@media screen and (max-width: 767.98px){.question .player__vol-line{width:35%}}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.home{width:100%;height:100%;max-width:1400px;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:50px;padding:20px 20px 0px}@media screen and (max-width: 1199.98px){.home{max-width:990px}}@media screen and (max-width: 991.98px){.home{max-width:800px}}@media screen and (max-width: 767.98px){.home{max-width:600px}}.home__img{background:#f0010f;width:468px;aspect-ratio:1/1;border-radius:50%;position:relative}@media screen and (max-width: 1199.98px){.home__img{max-width:400px}}@media screen and (max-width: 991.98px){.home__img{max-width:300px}}@media screen and (max-width: 767.98px){.home__img{max-width:250px}}.home__img::after{content:"";position:absolute;top:-20px;left:10px;width:450px;aspect-ratio:1/1;background-image:url("assets/pngwing%203.svg");background-size:contain;background-position:center;background-repeat:no-repeat;transition:all .2s ease-in-out}@media screen and (max-width: 1199.98px){.home__img::after{max-width:400px}}@media screen and (max-width: 991.98px){.home__img::after{max-width:300px}}@media screen and (max-width: 767.98px){.home__img::after{max-width:250px}}.home__quote{color:var(--text-active-color);font-family:"Comforter Brush";font-size:34px;line-height:39px;text-align:center;transition:all .2s ease-in-out}@media screen and (max-width: 575.98px){.home__quote{font-size:24px;line-height:30px}}.home__bottom{justify-self:end;width:100%;display:flex;justify-content:center;align-items:center;gap:15px;position:relative}.home__bottom .easter__egg_msg{color:#c16c84;position:absolute;right:0;top:-30px;display:none}.home__crow{width:133px;height:107px;align-self:flex-end;transition:all .2s ease-in-out}@media screen and (max-width: 1199.98px){.home__crow{max-width:100px}}@media screen and (max-width: 991.98px){.home__crow{max-width:80px}}@media screen and (max-width: 767.98px){.home__crow{max-width:65px}}.home__crow.easter__egg{filter:brightness(0) saturate(100%) invert(54%) sepia(30%) saturate(684%) hue-rotate(292deg) brightness(87%) contrast(85%) !important;animation:shake .5s infinite}.light .home__crow{filter:brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(3450%) hue-rotate(170deg) brightness(93%) contrast(90%)}.light .home__img::after{filter:invert(1)}.easter__egg.easter__egg_msg{display:block}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.quiz{width:100%;max-width:1400px;flex:1;padding:25px 20px;display:flex;flex-direction:column;gap:25px}@media screen and (max-width: 1199.98px){.quiz{max-width:990px}}@media screen and (max-width: 991.98px){.quiz{max-width:800px}}@media screen and (max-width: 767.98px){.quiz{max-width:600px}}.quiz__question-card{padding:18px 74px 18px 43px;width:100%;display:flex;gap:90px;background-color:#99b5d8;border-radius:13px}@media screen and (max-width: 991.98px){.quiz__question-card{padding:10px 15px;gap:20px}}@media screen and (max-width: 575.98px){.quiz__question-card{flex-direction:column;align-items:center}}.quiz__container-bottom{width:100%;display:flex;gap:45px}@media screen and (max-width: 991.98px){.quiz__container-bottom{gap:20px}}@media screen and (max-width: 767.98px){.quiz__container-bottom{flex-direction:column}}.quiz__next-lvl{width:100%;padding:15px 0;border-radius:13px;background-color:#99b5d8;text-align:center;font-style:normal;font-weight:400;font-size:24px;line-height:28px;transition:all .2s ease-in-out}@media screen and (max-width: 767.98px){.quiz__next-lvl{padding:6px}}.quiz__next-lvl:disabled{opacity:.3;pointer-events:none}.quiz__next-lvl:hover,.quiz__next-lvl:focus{background-color:#5788c5;color:#fff}.quiz-levels{width:100%;display:grid;grid-template-columns:repeat(6, 1fr);border-radius:13px;background-color:#99b5d8;overflow:hidden}@media screen and (max-width: 1199.98px){.quiz-levels{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 575.98px){.quiz-levels{grid-template-columns:repeat(2, 1fr)}}.quiz-levels__item{padding:10px 0;width:100%;text-align:center;line-height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 767.98px){.quiz-levels__item{padding:0}}.quiz-levels .active{color:#fff;background-color:#5788c5}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.question-card__img{width:227px;aspect-ratio:1/1;border-radius:50%;background-color:#f0010f;border:0;position:relative}@media screen and (max-width: 991.98px){.question-card__img{width:160px;height:160px}}@media screen and (max-width: 575.98px){.question-card__img{width:100px;height:100px}}.question-card__img::after{content:"";position:absolute;top:-10px;left:-20px;width:227px;aspect-ratio:1/1;background-image:url("assets/pngwing%202.svg");background-position:center;background-size:contain}@media screen and (max-width: 991.98px){.question-card__img::after{width:160px;top:10px;left:0}}@media screen and (max-width: 575.98px){.question-card__img::after{width:100px;top:10px;left:0}}.question-card__container{width:100%;display:flex;flex-direction:column}.question-card__container_top{width:100%;display:flex;justify-content:space-between}.question-card__img.active{border:3px solid #5788c5;background-position:center;background-repeat:no-repeat;background-size:cover}.question-card__img.active::after{visibility:hidden}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.quiz__select{flex-basis:30%;display:flex;flex-direction:column;gap:3px;border-radius:13px;overflow:hidden}.quiz__select .select__item{padding:15px 0;text-align:center;background-color:#99b5d8;transition:all .2s ease-in-out;position:relative}.quiz__select .select__item::after{content:"";position:absolute;top:50%;left:10px;height:50%;aspect-ratio:1/1;border-radius:50%;border:2px solid #fff;transform:translateY(-50%)}.quiz__select .wrong-answer{background-color:#c16c84;color:#fff;text-decoration:line-through}.quiz__select .wrong-answer::after{background-color:#893953}.quiz__select .right-answer{background-color:#5788c5;color:#fff;text-decoration:underline}.quiz__select .right-answer::after{background-color:#004980}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.results{padding:25px 20px;display:flex;flex-direction:column;gap:25px}.results-wrapper{padding:25px;display:flex;justify-content:space-evenly;align-items:center;background-color:#eff3f8;border-radius:13px}@media screen and (max-width: 575.98px){.results-wrapper{flex-direction:column;gap:25px}}.results__text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.results__img{width:100%;max-width:192px}@media screen and (max-width: 767.98px){.results__img{max-width:120px}}@media screen and (max-width: 575.98px){.results__img{max-width:80px;align-self:flex-start}}.results__crow{filter:brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(3450%) hue-rotate(170deg) brightness(93%) contrast(90%)}@media screen and (max-width: 767.98px){.results__crow{max-width:120px}}@media screen and (max-width: 575.98px){.results__crow{max-width:80px;align-self:flex-end}}.light .results-wrapper{background-color:#99b5d8}
:root{--bg-color: #17212b;--text-active-color: #ffffff}:root .light{--bg-color: #fff;--text-active-color: #000000}.main{width:100%;max-width:1400px;display:flex;flex:1;flex-direction:column}@media screen and (max-width: 1199.98px){.main{max-width:990px}}@media screen and (max-width: 991.98px){.main{max-width:800px}}@media screen and (max-width: 767.98px){.main{max-width:600px}}