*,:after,:before{box-sizing:border-box}@font-face{font-display:swap;font-family:ChalkboardSE-Light;font-style:normal;font-weight:400;src:url(../assets/fonts/ChalkboardSE-Light.ttf)}@font-face{font-display:swap;font-family:ChalkboardSE-Bold;font-style:normal;font-weight:400;src:url(../assets/fonts/ChalkboardSE-Bold.ttf)}@font-face{font-display:swap;font-family:ChalkboardSE-Regular;font-style:normal;font-weight:400;src:url(../assets/fonts/ChalkboardSE-Regular.ttf)}html{font-size:10px;max-width:100%;overflow-x:hidden;width:100%}@media(max-width:879px){html{font-size:8px}}body{margin:0;overflow-x:hidden;padding:0}hr{color:inherit;height:0}a{cursor:pointer;text-decoration:none}img{border-style:none;vertical-align:middle}li{list-style-type:none}h1{color:rgba(46,0,0,.815);font-size:30px;font-weight:700;text-align:center;text-shadow:1px 1px 2px #080202,0 0 1em red;text-transform:uppercase}h1,h2,h4,h5{margin:0}h4{margin:5px auto}.page__wrapper{-webkit-text-stroke:.1px rgba(0,0,0,.439);background-image:linear-gradient(to right top,#fcefb8,#ffe6bd,#ffdfc8,#ffdbd4,#ffd9de,#fdd7e7,#f5d7f1,#e9d9fb,#d0dcff,#b2e0ff,#96e3fb,#88e4e6);color:#000;display:flex;flex-direction:column;font-family:ChalkboardSE-Regular,Roboto,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:700;height:100vh;letter-spacing:.1em;line-height:1.5;margin:0;min-height:100vh;overflow-x:hidden;width:100vw}.card{background:-webkit-linear-gradient(45deg,#fce5f4,#f9eee2,#dff0f7);background:-moz-linear-gradient(45deg,#fce5f4,#f9eee2,#dff0f7);background:linear-gradient(45deg,#fce5f4,#f9eee2,#dff0f7);border-radius:20px;box-shadow:0 -15px 15px hsla(0,0%,100%,.05),inset 0 -15px 15px hsla(0,0%,100%,.05),0 15px 15px rgba(0,0,0,.3),inset 0 5px 10px rgba(0,0,0,.3);box-sizing:border-box;padding:20px}.header__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:15px}.main{flex-grow:1}.header__img{margin-top:10px;max-width:200px}.header__navigation{font-size:2rem;padding:0;width:39%}.header__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:left;list-style-type:none;margin:10px 0 0;padding:0}.header__item{border-radius:10px;margin-right:5%;padding:10px;text-align:center;transition:.3s}.header__item,.menu-active{background:linear-gradient(15deg,#b7d9db,#f2edd8);color:#00a1ac}.menu-active{scale:1.1}.header__item:hover{background:linear-gradient(15deg,#f2edd8,#b7d9db);cursor:pointer;scale:1.1}.h1-header{display:inline-block}.hello__wrapper{display:flex}.hello__content{box-shadow:0 -15px 15px hsla(0,0%,100%,.05),inset 0 -15px 15px hsla(0,0%,100%,.05),0 15px 15px rgba(0,0,0,.3),inset 0 5px 10px rgba(0,0,0,.3);font-family:ChalkboardSE-Regular;font-size:2.2rem;margin:100px 90px 100px 0}.tree-bird{position:relative;width:60%}.tree{left:0;max-width:650px;pointer-events:none;z-index:1}.bird1,.tree{position:absolute}.bird1{filter:grayscale(100);height:70px;left:130px;top:270px;z-index:2}.bird2{display:none;height:200px;left:87px;position:absolute;top:205px;z-index:0}.balloon1{animation:scale .5s ease infinite alternate-reverse;cursor:pointer}.balloon1,.balloon2{height:200px;position:absolute;top:375px}.balloon2{display:none;pointer-events:none}@keyframes scale{0%{transform:scale(1)}to{transform:scale(1.1)}}.game{border-radius:15px;margin:15px auto auto;width:1000px}.game-no{display:none;transition:.3s}.game__score-label,.score{box-sizing:border-box;color:#ff105e;display:inline-block;font-size:2.2rem;font-weight:700;grid-area:points;margin-left:25%}.score{margin-left:5px}.game__question{display:flex;grid-area:question;margin-top:-40px;padding:10px}.game__navigation{align-items:center;display:flex;justify-content:center;position:relative;width:60%}.clock{font-family:Times New Roman,serif;font-size:24px;height:200px;margin-left:auto;margin-right:auto;position:relative;width:200px}.clock div,.clock div:before{box-sizing:border-box;content:"";display:block;font-size:20px}.clock .border,.clock div,.clock div:before{height:100%;left:0;position:absolute;top:0;width:100%}.clock .border{background:#fff;border:8px solid #24728b;border-radius:50%;box-shadow:0 -15px 15px hsla(0,0%,100%,.05),inset 0 -15px 15px hsla(0,0%,100%,.05),0 15px 15px rgba(0,0,0,.3),inset 0 5px 10px rgba(0,0,0,.3)}.clock .border .lines,.clock .border .lines:before{height:90%;left:5%;top:5%;width:90%}.clock .border .lines:before{background:#fff;border-radius:50%;content:"SongBird";font-size:.8em;font-style:italic;padding-top:60%;text-align:center;z-index:9}.clock .border .lines div{-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}.clock .border .lines div:before{background:#444;height:2px;margin-top:-1px;top:50%}.clock .category,.clock .category div{position:absolute}.clock .category{font-family:ChalkboardSE-Light;left:90%}.clock .n2{left:16%;top:41%}.clock .n3{left:-9%;top:90%}.clock .n4{left:-149%;top:90%}.clock .n5{left:-178%;top:41%}.clock .n6{left:-168%}.category-active{color:#00a1ac}.clock .border .gradient{background:#fff;background:-moz-linear-gradient(top,#fff 0,#000 100%);background:-webkit-linear-gradient(top,#fff,#000);background:linear-gradient(180deg,#fff 0,#000);border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=0);opacity:.05;overflow:hidden;z-index:900}.clock .border .glass{border-radius:50%;box-shadow:inset 0 1px 2px rgba(0,0,0,.3);opacity:.5;overflow:hidden;-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg);z-index:999}.clock .border .glass:before{background:-moz-linear-gradient(left,#fff 0,hsla(0,0%,100%,0) 100%);background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));border-radius:99% 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=1);left:25%}.clock .border .arrow{height:98%;left:1%;top:1%;transform:rotate(30deg);width:98%;z-index:99}.clock1 .border .arrow{transform:rotate(90deg)}.clock2 .border .arrow{transform:rotate(150deg)}.clock3 .border .arrow{transform:rotate(210deg)}.clock4 .border .arrow{transform:rotate(270deg)}.clock5 .border .arrow{transform:rotate(330deg)}.clock .border .arrow:before{background:#ff105e;height:50%;left:50%;margin-left:-1px;width:2.5px}.clock .border .arrow:after{background:#fff;border:2px solid #000;border-radius:50%;content:"";height:15px;height:12px;left:50%;margin-left:-6px;margin-top:-6px;position:absolute;top:50%;width:15px;width:12px;z-index:100}.parrot{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;text-align:center}.bird__img{height:150px;margin:0;width:225px}.sound{width:100%}.sound__list{display:flex;flex-direction:column;margin:0 20px 0 0;min-width:300px;padding-left:15px}.list-last{width:100%}.bird>.sound__list>.sound__item:last-child{margin-top:15px;width:100%}.player{margin:10px 40px 8px 0;min-width:100px}.player,.player__wrapper{width:100%}.player__elements{align-items:center;background:linear-gradient(45deg,rgba(35,114,139,.349),rgba(213,176,95,.35),rgba(35,114,139,.349));border:1px solid #23728c;border-radius:25px;box-shadow:2px 2px 7px 2px #8a7887,-2px -2px 7px 2px #d4d2c3;display:flex;justify-content:space-between;max-width:100%;padding:7px}.play{background-color:transparent;background-image:url(../assets/svg/play.svg);background-position:50%;background-repeat:no-repeat;background-size:40px 40px;border:0;cursor:pointer;height:45px;opacity:.8;outline:0;transition:.5s;width:45px}.play:hover{opacity:1}.pause{background-image:url(../assets/svg/pause.svg)}.player__progress{padding-left:3%;padding-right:5%;width:100%}.player__line{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:5px;padding-top:17px;width:100%}.p-name,.p-time{opacity:.8;width:100%}.p-time{background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.533);cursor:pointer;height:6px;position:relative}.p-time:hover{opacity:1}.p-progress{background:#21728a;height:100%;height:6px;transition:.25s;width:0}.player__time{display:flex;justify-content:space-between}.player__time>*{font-size:14px;padding:2px}.player__volume{cursor:pointer;position:relative;z-index:2}.volume-button{align-items:center;display:flex;height:26px}.p-volume{transform:scale(.7)}.volume-medium{background-size:cover;opacity:.9}.volume-medium:hover{opacity:1}.volume-mute{opacity:.3}.volume-line{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.667);height:13px;left:0;position:absolute;top:5px;transform:rotate(90deg);transition:.45s;width:0;z-index:-1}.volume-line__value{background:#3a9090;height:100%;width:75%}.hover_volume{left:-50px;width:100px}.game__variants{align-items:stretch;display:flex;justify-content:space-between;position:relative}.game__content{-webkit-box-sizing:border-box;box-sizing:border-box;display:flex}.game__content:first-child{margin-right:20px;min-width:30%}.game__list{display:flex;flex-direction:column;margin-bottom:0;margin-top:0;padding-left:0;width:100%}.game__item{border:1px solid #555;border-radius:15px;cursor:pointer;font-weight:400;font-weight:700;line-height:1.5;margin-top:5px;padding:.45rem 1.75rem;position:relative;transition:.3s}.game__item:hover{background:linear-gradient(45deg,#dff0f7,#f9eee2,#fce5f4);scale:1 1.1}.error{background-color:rgba(255,0,0,.412)}.error .game__point{background-color:red}.success{background-color:rgba(0,161,171,.412)}.success .game__point{background-color:#00a1ac}.game__point{background-color:#ffc500;border-radius:50%;display:inline-block;height:10px;margin-right:15px;text-align:center;transition:.2s;width:10px}.game__description{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px 20px}.description-no{display:none}.lang-description{text-align:center}.game__bird{display:none}.bird-active{background-color:rgba(240,248,255,.445);border-radius:25px;display:flex;flex-direction:column;padding:1rem 1rem 0;width:100%}.bird{display:flex;flex-direction:row;justify-content:center;min-height:173px;padding:0}.bird__description{background-color:rgba(240,248,255,.445)}.btn{border-radius:10px;color:#00a1ac;display:inline-block;font-size:18px;font-weight:700;margin-top:10px;opacity:.4;padding:10px 0;text-align:center;text-transform:uppercase;transition:.3s;user-select:none;vertical-align:middle;width:100%}.btn-next{background-color:#00a1ac;color:#000;cursor:pointer;opacity:1}.finish{border-radius:30px;display:none;margin:15px auto auto;padding:48px 0;width:1000px}.finish__wrapper{align-items:center;display:flex;flex-direction:column}.finish-active{display:block}.finish__header{color:#fc0505;font-size:4.5rem;font-weight:300;line-height:1.2;text-align:center}.finish__content{font-size:18px;text-align:center}.finish__hr{border:0;border-top:1px solid rgba(0,0,0,.61);margin-bottom:1.5rem;margin-top:1.5rem}.btn-finish{margin-top:40px;padding:20px 0;width:80%}.btn-game-no{display:none}.finish__img{display:block;margin:auto}.hello-no,.victory-no{display:none}.gallery{align-items:stretch;border-radius:15px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px auto auto;padding-bottom:20px;width:1000px}.gallery-no{display:none}.bird-details-gal{background-color:rgba(240,248,255,.445);border-radius:8px;box-shadow:0 -15px 15px hsla(0,0%,100%,.05),inset 0 -15px 15px hsla(0,0%,100%,.05),0 15px 15px rgba(0,0,0,.3),inset 0 5px 10px rgba(0,0,0,.3);display:flex;flex-direction:row;margin-top:10px;padding:1.5rem 1.5rem 10px;width:100%}.bird__description{background-color:transparent;display:flex;font-weight:400;line-height:1.3;text-align:justify}.footer{margin-top:15px;width:100%}.wraper-footer{align-items:center;display:flex;justify-content:space-around;padding:10px}.rsschool img{height:50px;max-width:100px}.githab a img{width:45px}.language{display:inline-block;height:37px;margin-bottom:15px;position:relative;-webkit-transform:translateY(40%);-moz-transform:translateY(40%);-ms-transform:translateY(40%);-o-transform:translateY(40%);transform:translateY(40%);-webkit-transition:transform .17s cubic-bezier(.26,.48,.08,.9);-moz-transition:transform .17s cubic-bezier(.26,.48,.08,.9);-ms-transition:transform .17s cubic-bezier(.26,.48,.08,.9);-o-transition:transform .17s cubic-bezier(.26,.48,.08,.9);transition:transform .17s cubic-bezier(.26,.48,.08,.9);width:74px}.language__input{height:0;opacity:0;width:0}.language__en,.language__ru{font-size:16px;position:absolute;top:5px}.language__ru{left:5px}.language__en{right:3px}.language__select{background-color:#00a1ac;border-radius:37px;box-shadow:0 3px 15px #243d3e;cursor:pointer;right:0;top:0}.language__select,.language__select:before{bottom:0;left:0;position:absolute;-webkit-transition:.4s;transition:.4s}.language__select:before{background-color:hsla(0,4%,80%,.993);border-radius:50%;box-shadow:0 3px 64px rgba(30,52,112,.16);content:"";height:37px;width:37px}input:focus+.language__select{box-shadow:none}input:checked+.language__select:before{-webkit-transform:translateX(37px);-ms-transform:translateX(37px);transform:translateX(37px)}.footer,.footer .card{align-items:center;display:flex;justify-content:center}.footer{background-color:rgba(0,161,171,.878);bottom:0;flex-shrink:0;gap:50px;margin-top:20px;padding:20px 0;right:0}.footer,.footer__icon{position:relative;z-index:2}.footer__icon{display:block;width:50px}.footer .card{border-radius:20px;min-height:70px;overflow:hidden;padding:10px 20px}.footer__year{flex-direction:column}.footer__year div{font-size:1.8rem}.footer__year b{font-size:1.2rem;font-weight:400}.footer__year aside{color:#756c6f;font-size:.8rem}.footer__link{box-shadow:0 -15px 15px hsla(0,0%,100%,.05),inset 0 -15px 15px hsla(0,0%,100%,.05),0 15px 15px rgba(0,0,0,.3),inset 0 5px 10px rgba(0,0,0,.3)}@media(max-width:1240px){.hello__content{margin-right:30px}}@media(max-width:1170px){.hello__wrapper{display:flex;min-height:0}.hello__content{font-size:2rem;height:400px;margin:20px 30px}.tree{transform:scale(.7);transform-origin:left top}.bird1{left:77px;top:178px}.bird1,.bird2{transform:scale(.7)}.bird2{left:30px;top:115px}.balloon1,.balloon2{height:150px;top:270px}}@media(max-width:1100px){.header__navigation{width:50%}}@media(max-width:1020px){.finish,.gallery,.game{margin-left:2%;margin-right:2%;width:auto}.bird-details-gal{height:auto}.bird-details-gal>.bird{align-items:center;flex-direction:column}.bird-details-gal>.bird__description{margin-top:15px}.bird-details-gal>.sound__item:last-child{width:100%}.bird-details-gal>.bird>.sound__list{align-items:center;width:100%}}@media(max-width:1000px){.header__navigation{width:61%}}@media(max-width:879px){.clock .category,.clock .category div{font-size:2rem}.clock .n4{left:-133%}.clock .n5{left:-161%}.clock .n6{left:-148%}.bird{align-items:center;flex-direction:column;justify-content:right}.bird__description{margin-top:10px}.game .sound__list{text-align:center}}@media(max-width:850px){.hello__content{font-size:1.7rem;height:250px;margin:10px 30px}.game .sound__list{min-width:270px}}@media(max-width:805px){.hello__content{font-size:1.5rem}}@media(max-width:768px){.header__wrapper{padding-bottom:20px}h1{font-size:20px}.header__img{max-width:140px}.finish{padding:25px}.finish__header{font-size:2.9rem}.hello{margin-top:0;width:auto}.game__score-label{margin-left:24%}.clock .category,.clock .category div{font-size:1.7rem}.clock .n4{left:-126%}.clock .n5{left:-152%}.clock .n6{left:-139%}}@media(max-width:740px){.hello__content{font-size:1.3rem;height:215px}.tree{transform:scale(.5)}.bird1{left:37px;top:117px}.bird1,.bird2{transform:scale(.55)}.bird2{left:-13px;top:51px}.balloon1,.balloon2{height:120px;top:190px}.clock{height:160px;width:160px}.game__navigation{width:50%}.clock .category div{max-width:60%}.clock .category{left:93%}.clock .n4{left:-114%}.clock .n5{left:-141%}.clock .n6{left:-129%}}@media(max-width:650px){.hello{min-height: calc(100vh - 50px);}.hello__wrapper{flex-direction:column}.hello__content{height:215px;margin-top:-225px;width:90%;z-index:20}.tree-bird{margin-top:215px}.game__score-label{margin-left:44%}.game__navigation{margin-left:10px;position:relative;width:100%}.bird{width:100%}.clock{height:200px;width:200px}.clock .category div{max-width:100%}.clock .category{left:90%}.clock .n4{left:-127%}.clock .n5{left:-153%}.clock .n6{left:-137%}.game__question{margin-top:0}.game__question,.header__wrapper{flex-direction:column}h1{font-size:20px;margin:0;padding:0}.finish{padding:18px}.finish__header{font-size:2.5rem;font-weight:300;line-height:1.2}.header__item{border-radius:5px;font-size:14px;padding:5px}.header__list{display:block;text-align:center}.bird{flex-wrap:wrap;margin-top:20px}.bird,.sound__list{justify-content:center}.sound__list{align-items:center;margin:15px 0 0}.sound__item:last-child{width:100%}.game__variants{flex-direction:column;margin:auto 15px}.finish__img,.game__content{width:100%}.gallery{flex-direction:column}}@media(max-width:550px){.bird-details-gal{flex-direction:column}.sound__list{min-width:250px;padding-left:0}.player__elements,.sound__list{margin-top:10px}}@media(max-width:450px){.hello__content{width:85%}.clock{height:150px;width:150px}.clock .category,.clock .category div{font-size:1.2rem}.bird>.sound__list>.sound__item:last-child{width:95%}.game__score-label{margin-left:42%}.clock .n2{left:18%}.clock .n3{left:-4%}.clock .n4{left:-131%}.clock .n5{left:-157%}.clock .n6{left:-142%}.btn-finish{width:95%}}