*,*::before,*::after{box-sizing:border-box}ul{padding:0;list-style:none}body,h1,h2,h3,p,ul,li{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.footer,.congrats,.answer,.quiz,.categories,.header{padding:0 15px;margin:0 auto;width:100%;max-width:1200px}.congrats__restart-link,.next-level-btn{display:flex;align-items:center;justify-content:center;font-family:"Anybody",cursive;font-size:18px;font-weight:500;letter-spacing:.04em;line-height:16px;color:#fff;background-color:initial;background-image:linear-gradient(rgba(179, 132, 201, 0.84), rgba(57, 31, 91, 0.84) 50%);border-radius:42px;border-width:0;box-shadow:rgba(57,31,91,.24) 0 2px 2px,rgba(179,132,201,.4) 0 8px 12px;cursor:pointer;padding:18px 18px;text-shadow:rgba(255,255,255,.4) 0 0 4px,rgba(255,255,255,.2) 0 0 12px,rgba(57,31,91,.6) 1px 1px 4px,rgba(57,31,91,.32) 4px 4px 16px;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}.congrats__restart-link:hover,.next-level-btn:hover{background-image:linear-gradient(#b384c9, #391f5b 50%)}@media(min-width: 768px){.congrats__restart-link,.next-level-btn{font-size:21px;padding:18px 34px}}.congrats__restart-link:disabled,.next-level-btn:disabled{cursor:not-allowed;background-image:linear-gradient(#8a7493, #483d56 50%)}.congrats__restart-link:disabled:hover,.next-level-btn:disabled:hover{background-image:linear-gradient(#57495d, #332a3e 50%)}.body{color:#fff;background:#716deb;background:url(../assets/images/bird-3.png),linear-gradient(339deg, rgb(113, 109, 235) 0%, rgb(0, 0, 0) 100%);background-repeat:no-repeat;background-position:0 0,center;background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;gap:35px;padding:25px 0;font-family:"Caveat",cursive;font-weight:400}@media screen and (max-width: 450px){.body{gap:15px}}.header{display:flex;justify-content:space-between;align-items:center}.header__title{font-size:60px;color:#8d2e2e;text-shadow:4px 4px 6px #fff}@media screen and (max-width: 450px){.header__title{font-size:36px}}.header__score{font-size:36px}@media screen and (max-width: 450px){.header__score{font-size:24px}}.categories{margin-bottom:35px}@media screen and (max-width: 450px){.categories{margin-bottom:15px}}.categories__list{display:flex;justify-content:space-between;align-items:center;gap:5px;font-family:"Anybody",cursive;font-size:20px}@media screen and (max-width: 900px){.categories__list{font-size:16px;display:grid;justify-items:center;grid-template-columns:1fr 1fr 1fr;grid-template-rows:50% 50%}}@media screen and (max-width: 450px){.categories__list{font-size:14px}}.categories__item{flex-grow:1;padding:10px;width:100%;max-width:200px;text-align:center;white-space:nowrap;border-radius:5px;background-color:rgba(129,48,48,.449)}.categories__item[data-active=true]{background-color:rgba(129,48,48,.779)}@media screen and (max-width: 450px){.categories__item{padding:6px}}.quiz__thumb{height:200px;padding:20px;display:flex;justify-content:space-between;gap:40px;align-items:center;background-color:rgba(129,48,48,.449);border-radius:10px}@media screen and (max-width: 900px){.quiz__thumb{gap:25px;padding:20px 15px}}@media screen and (max-width: 450px){.quiz__thumb{flex-direction:column;height:230px;gap:10px;padding:10px}}.quiz__img-thumb{overflow:hidden;height:180px;width:200px}.quiz__img{margin-top:auto;width:100%;height:100%;object-fit:contain;object-position:center center;border-radius:10px}.quiz__question-thumb{display:flex;flex-direction:column;align-items:flex-end;width:100%;gap:15px}.quiz__question-name{align-self:center;font-size:36px}@media screen and (max-width: 450px){.quiz__question-name{font-size:22px}}.answer{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}@media screen and (max-width: 900px){.answer{margin-top:25px;display:flex;flex-direction:column}}@media screen and (max-width: 450px){.answer{margin-top:15px}}.next-level-btn{width:100%;max-width:280px;margin:35px auto 0 auto}.audio-player{height:50px;width:100%;max-width:800px;font-family:Anybody,cursive;font-size:.75em;color:#fff;background-color:rgba(129,48,48,.779);box-shadow:0 0 20px 0 rgba(0,0,0,.5333333333);overflow:hidden;display:grid;grid-template-rows:6px auto}@media screen and (max-width: 450px){.audio-player{height:35px;grid-template-rows:3px auto}}.audio-player__timeline{width:100%;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.5333333333);cursor:pointer}.audio-player__progress{background:coral;width:0%;height:100%;transition:250}.audio-player__controls{padding:0 20px;display:flex;justify-content:space-between;align-items:center}.audio-player__toggle-play-btn{fill:#fff;border:none;background-color:inherit;cursor:pointer}.audio-player__toggle-play-btn:hover{transform:scale(1.1)}.audio-player__play-icon{width:20px;height:20px}@media screen and (max-width: 450px){.audio-player__play-icon{width:15px;height:15px}}.audio-player__time{display:flex;gap:4px}.audio-player__vol-box{position:relative;z-index:2;display:flex;align-items:center;cursor:pointer}.audio-player__vol-box:hover .audio-player__vol-slider{left:-123px;width:120px}.audio-player__vol-btn{background:inherit;border:none;fill:#fff;cursor:pointer}.audio-player__vol-btn:hover{transform:scale(1.1)}.audio-player__vol-icon{width:20px;height:20px}@media screen and (max-width: 450px){.audio-player__vol-icon{width:15px;height:15px}}.audio-player__vol-slider{position:absolute;z-index:-1;left:-3px;width:0;height:15px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.5333333333);transition:.25s}.audio-player__vol-percentage{background:coral;height:100%;width:75%}.options{width:100%;min-height:350px;padding:15px;display:flex;flex-direction:column;justify-content:center;font-family:Anybody,cursive;font-size:16px;letter-spacing:.1em;border-radius:10px;border:1px solid rgba(255,255,255,.308);background-color:rgba(129,48,48,.449)}@media screen and (max-width: 900px){.options{min-height:250px}}@media screen and (max-width: 450px){.options{padding:10px;min-height:200px;font-size:14px}}.options__form{display:flex;flex-direction:column;align-items:flex-start}.options__option{width:100%;height:50px;border-bottom:1px solid rgba(255,255,255,.308);transition:background-color 200ms ease-in}.options__option:hover{background-color:rgba(255,255,255,.234)}@media screen and (max-width: 450px){.options__option{height:35px}}.options__label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:10px;cursor:pointer}.options__label::-moz-selection{background-color:rgba(129,48,48,.779)}.options__label::selection{background-color:rgba(129,48,48,.779)}.options__input{position:absolute;left:-100px;width:1px;height:1px;pointer-events:none;user-select:none}.options__input:checked+.options__label,.options__input:not(:checked)+.options__label{position:relative;padding-left:50px}.options__input:checked+.options__label:before,.options__input:not(:checked)+.options__label:before{content:"";position:absolute;left:10px;top:14px;width:18px;height:18px;border:1px solid #ddd;border-radius:50%;background-color:#fff}@media screen and (max-width: 450px){.options__input:checked+.options__label:before,.options__input:not(:checked)+.options__label:before{top:7px}}.options__input:checked+.options__label:after,.options__input:not(:checked)+.options__label:after{content:"";width:12px;height:12px;position:absolute;top:17px;left:13px;border-radius:50%;-webkit-transition:all .2s ease;transition:all .2s ease}@media screen and (max-width: 450px){.options__input:checked+.options__label:after,.options__input:not(:checked)+.options__label:after{top:10px}}.options__input:not(:checked)+.options__label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.options__input:checked+.options__label.correct::after,.options__input:not(:checked)+.options__label.correct::after{background-color:green;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.options__input:checked+.options__label.inCorrect::after,.options__input:not(:checked)+.options__label.inCorrect::after{background-color:red;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.description{width:100%;min-height:350px;font-family:Anybody,cursive;padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.308);background-color:rgba(129,48,48,.449);display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 900px){.description{min-height:250px}}@media screen and (max-width: 450px){.description{padding:10px;min-height:465px}}.description__info{margin:auto 0;text-align:center;font-size:18px;line-height:1.5}.description__info::-moz-selection{background:rgba(129,48,48,.779)}.description__info::selection{background:rgba(129,48,48,.779)}.description__thumb{display:flex;gap:15px}@media screen and (max-width: 450px){.description__thumb{flex-direction:column}}.description__img-box{width:200px;height:200px;border-radius:10px;overflow:hidden}@media screen and (max-width: 450px){.description__img-box{align-self:center}}.description__img{width:100%;height:100%;object-fit:cover;object-position:center center}.description__header{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:10px}.description__species{font-family:"Caveat",cursive}.description__desc{font-size:14px}.description__desc::-moz-selection{background:rgba(129,48,48,.779)}.description__desc::selection{background:rgba(129,48,48,.779)}.description .answer-audio{width:100%;max-width:400px}.congrats__thumb{background-color:rgba(129,48,48,.449);padding:20px;min-height:350px;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px;border-radius:15px}.congrats__title{font-family:Anybody,cursive;font-size:24px}.congrats__txt{font-size:30px}.congrats__score{font-weight:800}.congrats__restart-link{min-width:200px}.footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:20px}.footer__icon-svg{fill:#fff}