h1,h2,h3,h4,h5,h6,p{margin-top:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}input{border:none}body{font-family:Montserrat Alternates,sans-serif;font-weight:400}main{background-image:url(/coding-magic/assets/background-af00fb97.png);background-size:cover;background-color:#eee}.container{width:1090px;background-color:var(--primary-color);margin:0 auto}hr{border-bottom:1px solid var(--secondary-color);margin:0 277px}.hero__title{text-align:center;padding:36px 0;color:var(--secondary-color);font-size:24px;margin-block-end:0px}h2{text-align:center;padding:36px 0;color:var(--secondary-color);font-size:16px;margin-block-end:0px}.header{padding:21px 0;font-size:12px;font-weight:400px;color:var(--secondary-color);background-color:var(--primary-color)}.header .container{display:flex;align-items:center}.logo__link{margin-right:80px}.logo__header{width:93px;height:38px;fill:var(--secondary-color)}.header__nav{display:flex}.header__nav_list{display:flex;align-items:center;gap:50px}.header__nav__item{text-align:center}.header__nav__item__link{display:flex;align-items:center;gap:8px}.header__nav__item__link__icon{width:12px;height:16px;fill:var(--secondary-color);transition:all .4s linear}.header__nav__item:first-child{position:relative;display:flex;align-items:center}.header__nav__item:first-child:hover .header__nav__item__submenu{opacity:1;visibility:visible;pointer-events:auto}.header__nav__item:first-child:hover .header__nav__item__link__icon{transform:rotate(180deg)}.header__nav__item__submenu{background-color:var(--primary-color);position:absolute;top:100%;overflow:hidden;opacity:0;visibility:hidden;pointer-events:0;transition:opacity .45s linear;border-bottom:1px solid var(--secondary-color);border-right:1px solid var(--secondary-color);border-left:1px solid var(--secondary-color);border-radius:0 0 20px 20px}.header__nav__item__submenu__item{padding:10px 40px}.header__nav__item__submenu__item:hover{background-color:#e4e4e4;transition:background-color .15s linear;color:var(--secondary-color);cursor:pointer}.icon-thumb{display:flex;align-items:center;margin-left:auto;gap:51px}.switch-icon{width:40px;height:20px}.modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s linear}.modal__backdrop.active{opacity:1;visibility:visible;pointer-events:all}.modal__container{width:576px;height:316px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;background:var(--primary-color);border:1px solid var(--primary-color)}.modal__title{position:absolute;top:148px;left:237px;color:var(--secondary-color);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.modal__form{position:absolute;height:35px;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25))}.modal__input-form{color:#7e7e7e;font-size:12px;position:absolute;height:35px;top:181px;left:204px;width:169px;padding-left:10px;border:none;border-radius:20px;background-color:#d7d7d7}.modal__input-form::placeholder{color:#7e7e7e;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.modal__button-form{position:absolute;top:234px;left:236px;width:105px;height:35px;color:var(--primary-color);font-family:Montserrat Alternates;font-size:12px;font-weight:400;border-radius:20px;background:var(--secondary-color);box-shadow:3px 3px #00000040}.modal__text{position:absolute;top:46px;right:92px;color:var(--secondary-color);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.modal-img{position:absolute;width:30px;height:30px}.modal__first-img{top:154px;left:41px}.modal__second-img{top:154px;right:41px}.modal__third-img{top:230px;left:85px}.modal__fourth-img{top:230px;right:85px}.check-year__thumb{margin-bottom:36px;display:flex;justify-content:center;align-items:center;gap:149px}.check-year__form{display:flex;height:35px;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25))}.check-year__input{width:185px;padding-left:10px;border:none;border-radius:20px 0 0 20px;background-color:#d7d7d7}.check-year__input::placeholder{color:#7e7e7e;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.check-year__button{padding:7px 10px 21px;border-radius:0 20px 20px 0;background-color:#000}.check-year__answer{text-align:center;font-family:Montserrat Alternates;font-size:12px;font-weight:400}.search-icon{width:15px;height:15px}.guess-number{display:flex;align-items:center;flex-direction:column}.guess-number__thumb{margin-bottom:36px;display:flex;justify-content:center;align-items:center;gap:149px}.guess-number__form{display:flex;height:35px;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25))}.guess-number__input{width:115px;padding-left:10px;border-radius:20px 0 0 20px;background-color:#d7d7d7}.guess-number__input::placeholder{color:#7e7e7e;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.guess-number__btn{padding:7px 10px 21px;border-radius:0 20px 20px 0;background-color:#000}.guess-number__img{width:15px;height:15px;color:#fff}.guess-number__result{text-align:center;font-family:Montserrat Alternates;font-size:12px;font-weight:400}.time-counter_title{align-items:center;justify-content:center}.time-counter__thumb{display:flex;justify-content:center;align-items:center;padding-bottom:36px;gap:33px}.time-counter__form{display:flex;height:35px;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25))}.time-counter__input{color:#7e7e7e;width:115px;padding-left:10px;border-radius:20px 0 0 20px;background-color:#d7d7d7}.time-counter__input::placeholder{color:#7e7e7e;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.time-counter__button{padding:7px 10px 21px;border-radius:0 20px 20px 0;background-color:#000}.time-counter__divide{width:100px;height:0;border-bottom:1px dashed #000}.time-counter__answer{color:var(--secondary-color);font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.stone{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:40px}.stone__game{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.stone__row{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;margin-bottom:20px;width:100%}.stone__options{display:flex;justify-content:center;gap:40px}.stone__btn{background-color:#000;border:none;border-radius:20px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .3s}.stone__img{width:40px;height:40px}.stone__btn:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}.stone__result{text-align:center;font-family:Montserrat Alternates;font-size:12px;font-weight:400}.stone__computer__btn{background-color:#000;color:#fff;border:none;padding:10px 25px;border-radius:25px;font-size:16px;cursor:pointer;margin-top:20px;transition:background .3s}.stone__score{font-size:16px;color:#000;line-height:1.5;text-align:left;min-width:140px}.calculator__group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.calculator__group__num1,.calculator__group__num2{width:140px;padding:10px 20px;font-size:12px;border-radius:20px;background:#D7D7D7;box-shadow:3px 3px #00000040;color:#7e7e7e;font-weight:400}.calculator__group__options{display:flex;gap:10px}.calculator__group__options__btn{width:40px;height:40px;background-color:#000;color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer;transition:background-color .2s ease}.calculator__group__options__btn:hover{background-color:#333}.calculator__group__options__btn.active{background-color:#7e7e7e}.calculator__group__equal{background-color:#d7d7d7;color:#000;padding:10px 20px;border:none;border-radius:20px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.calculator__group__equal:hover{background-color:#bfbfbf}.calculator__group__result{margin-top:10px;font-size:18px;font-weight:500;color:#000;width:100%;text-align:center}.dinosaur__container{width:720px;height:240px;margin:0 auto 36px}.dinosaur__overlay{position:relative;overflow:hidden;width:100%;height:100%}.google-dinosaur__score{position:absolute;right:10px;top:10px}.game-over__thumb{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:10px;border:1px solid #000;color:var(--secondary-color);border-radius:10px;background-color:#e0e0e0}.show{display:block}.dinosaur__player{--bottom: 0;position:absolute;left:2%;bottom:calc(var(--bottom) * 1%);width:50px;height:60px}.dinosaur__ground{--left: 0;position:absolute;width:100%;bottom:0;left:calc(var(--left) * 1%)}.dinosaur__cactus{position:absolute;left:calc(var(--left) * 1%);bottom:0;width:50px;height:60px}.dinosaur__btn{display:block;width:150px;height:40px;border-radius:20px;margin:0 auto 36px;background-color:#d7d7d7;transition:all .35s linear}.dinosaur__btn:hover,.dinosaur__btn:focus{background-color:#7e7e7e;color:#fff}@keyframes bounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.1,.9) translateY(-15px)}60%{transform:scale(.95,1.05) translateY(5px)}to{transform:scale(1) translateY(0)}}.football{display:flex;align-items:center;flex-direction:column}.football__pitch{position:relative;width:720px;height:220px;border-radius:37px;border:2px solid #000;background:#5ABB58;margin-bottom:36px;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADQSURBVHgBtZS9DcIwEIVfkorOI3gERsgobunYAI8Am8AGKemACYAJQkkXDmGJ8GN89h1P+hQpjt97iS4GnrJEiz9oQQyBI+GgJDsyHrRDphFzlRBD9IkAUYhnmBeHcNsXh/hM86yQkvZZIV5gngyRth/jmjfzKzGBzjFQ1V9uLokL5OpjCx7y726riLkJDxjwdCI64hCu+9QGz2joMgq8iDM5RcZgtN9BqF/t16nNdWL9PpKryFoHBcXat1DSHJ9znFQDnrbEGY+32BAzMP7iG7ikwHaOrw33AAAAAElFTkSuQmCC),auto;overflow:hidden}.football__img{position:absolute;transition:top .4s ease,left .4s ease;top:50%;left:50%}.highest-number{display:flex;justify-content:center;align-items:center;flex-direction:column}.highest-number__title{align-items:center;justify-content:center;padding-top:36px;padding-bottom:36px;color:var(--secondary-color)}.highest-number__form{display:flex;justify-content:center;width:135px;height:35px;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25));gap:38px}.highest-number__input{color:#7e7e7e;text-align:center;padding-left:10px;border:none;border-radius:20px;background-color:#d7d7d7}.highest-number__input::placeholder{color:#7e7e7e;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.highest-number__answer{padding-top:36px;padding-bottom:36px;color:var(--secondary-color)}.our-team__wrapper{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:nowrap}.our-team__arrow__left,.our-team__arrow__right{background:none;border:none;padding:0;cursor:pointer;width:50px;height:100px}.our-team__arrow__left__img,.our-team__arrow__right__img{width:100%;height:auto;filter:grayscale(100%);transition:filter .3s ease}.our-team__arrow__left:hover .our-team__arrow__left__img,.our-team__arrow__right:hover .our-team__arrow__right__img{filter:grayscale(0%)}.our-team__main{background-color:#d9d9d9;padding:25px 30px;border-radius:12px;max-width:400px;min-width:260px;box-shadow:0 4px 8px #0000001a;text-align:center}.our-team__name{font-size:25px;font-weight:600;margin-bottom:10px}.our-team__info{font-size:15px;color:#000}.our-team__indicators{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:20px;margin-bottom:30px}.our-team__indicator{display:inline-block;width:25px;height:4px;background-color:#d9d9d9;border-radius:2px;transition:background-color .3s ease}.our-team__indicator.active{background-color:#797979}.scientists__list{display:flex;justify-content:center;align-content:center;gap:36px 59px;width:577px;height:352px;flex-wrap:wrap;margin:0 auto 36px}.scientists__item{filter:grayscale(100%);width:100px;height:100px;border-radius:20px;overflow:hidden;background-repeat:no-repeat;background-position:0 0;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,all .5s linear}.scientists__item:hover,.scientists__item:focus{filter:none}.scientists__item.visible{opacity:1;transform:translateY(0)}.scientists__item-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;font-family:Montserrat Alternates;font-size:8px;font-style:normal;font-weight:400;line-height:170%}.scientists__item-wrapper:hover .scientists__card,.scientists__item-wrapper:focus .scientists__card,.scientists__item-wrapper:hover .scientists__item__text,.scientists__item-wrapper:focus .scientists__item__text{filter:none}.scientists__list-btn{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 36px;padding-bottom:36px}.scientists__item-btn{flex-basis:calc((100% - 36px)/2)}.scientists__item-btn:nth-child(odd):not(:last-child){text-align:end}.scientists__btn{padding:10px 20px;border-radius:20px;border:1px solid #FFF;background:#000;box-shadow:3px 3px #00000040;font-family:Montserrat Alternates,sans-serif;font-weight:400;color:#fff;text-align:left;font-size:12px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.scientists__btn:hover,.scientists__btn:focus{transform:scale(1.1)}.modal__footer__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s linear}.modal__footer__backdrop.active{opacity:1;visibility:visible;pointer-events:all}.modal__footer__container{width:463px;height:245px;z-index:12;position:fixed;top:30%;left:33%;transform:(-50%,-50%);border-radius:20px;background:var(--primary-color);padding:20px;border:1px solid #FFF}.close__button{position:absolute;top:30px;right:30px;border:none;background-color:transparent;display:flex;justify-content:center;align-items:center}.close__icon{fill:var(--secondary-color);height:30px;width:30px;transition:transform .3s linear}.close__icon:hover{transform:scale(1.3)}.modal__footer__title{position:absolute;top:53px;right:138px;color:var(--secondary-color);text-align:center;font-family:Inter,sans-serif;font-size:20px;font-weight:400}.modal__footer-img{position:absolute;width:30px;height:30px}.footer__first-img{top:69px;left:43px}.footer__second-img{top:69px;right:42px}.footer__third-img{top:145px;left:87px}.footer__fourth-img{top:145px;right:86px}.change-color{filter:invert(100%)}footer{background-color:var(--primary-color)}footer .container{display:flex;align-items:center;justify-content:center}.logo{width:165px;height:70px;margin-right:110px;fill:var(--secondary-color)}.footer__elements{display:flex;gap:135px}.footer__contacts{display:flex;flex-direction:column;margin-top:61px;margin-bottom:59px}.footer__contacts__link{color:var(--secondary-color);font-size:12px;line-height:20.4px;transition:color .25s cubic-bezier(.4,0,.2,1)}.footer__contacts__link:hover,.footer__contacts__link:focus{color:#8acecf}.footer__send-form{margin-top:97px;margin-bottom:63px}.footer__input{color:#7e7e7e;font-size:12px;font-family:Montserrat Alternates,sans-serif;font-weight:400;border:none;padding:10px 80px 10px 10px;border-radius:20px;background:#D7D7D7;margin-right:36px;margin-bottom:18px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.footer__input:hover,.footer__input:focus{outline:none;transform:scale(1.1)}.footer__send__btn{color:var(--primary-color);font-size:12px;padding:10px;font-family:Montserrat Alternates,sans-serif;font-weight:400;border:none;border-radius:20px;background:var(--secondary-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.footer__send__btn:hover,.footer__send__btn:focus{transform:scale(1.1)}.footer__send-text{color:var(--secondary-color);font-size:6px}:root{--primary-color: #FFF;--secondary-color: #000;font-family:Montserrat Alternates,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--primary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.dark-theme{--primary-color: #000;--secondary-color: #FFF}