@charset "UTF-8";a{text-decoration:none}address{font-style:normal}ul{margin:0;padding:0;list-style:none}img{display:block;max-width:100%;width:100%;height:auto}h1,h2,h3,p{margin:0}body{font-family:Montserrat Alternates;background-image:url(/Coding-Magic/assets/bg-db06d4b8.png);background-repeat:no-repeat;background-position:center top;background-size:1960px auto}.line{margin-left:auto;margin-right:auto;margin-bottom:30px;background-color:#000;width:250px;height:2px}@media screen and (min-width: 768px){.line{width:536px}}.container{max-width:1090px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 320px){.container{width:320px}}@media screen and (min-width: 768px){.container{width:720px}}@media screen and (min-width: 1090px){.container{width:1090px}}.site-header{padding-top:30px;width:100%;height:80px}.header-icon{width:93px;height:38.145px}.header-box{display:flex;justify-content:center;align-items:center}.header-left,.header-center,.header-right{flex:1;display:flex}.header-center{flex:7}.header-right{justify-content:flex-end}.logo{display:flex;align-items:center;gap:10px;padding-right:81px}.logo-text{line-height:1}.nav{display:flex;gap:50px}.nav a{text-decoration:none;color:#111}.user-area{display:flex;align-items:center;gap:12px}.header-slider{width:48px;height:20px;position:relative;background-color:gray;border-radius:10px}.header-circle{width:15.033px;height:14.667px;display:flex;justify-content:center;align-items:center;position:absolute;top:3px;left:0;background-color:#fff;border-radius:50px;transition:all .5s}.header-img{width:15.033px;height:14.667px}.active{transform:translate(20px)}body{background-color:#fff;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:gray;color:#fff}.year__box{display:flex;flex-direction:column;align-items:center;margin-top:36px}.year__title{color:#000;font-family:Montserrat Alternates;font-style:normal;font-weight:400;line-height:normal;margin-bottom:36px;font-size:16px;margin-top:36px}.year__form{height:35px;flex-shrink:0;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25));width:215px}.year__input{height:35px;display:inline-flex;align-items:flex-start;gap:10px;font-size:12.5px;border-radius:20px;background:#d7d7d7;border:none;position:relative;text-overflow:ellipsis;font-family:Montserrat Alternates;font-style:normal;font-weight:400;line-height:normal;width:238px;font-size:12px;padding:10px 45px 10px 10px}.year__button{width:35px;height:35px;display:inline-flex;padding:10px;align-items:flex-start;gap:10px;border-radius:0 20px 20px 0;background:#000;border:none;position:absolute;left:94%;top:0;transition-duration:.25s}.year__svg{width:15px;height:15px;fill:#fff;transition-duration:.25s}.year__button:hover{transition-duration:.25s;background-color:#8acecf}.year__button:hover .year__svg{transition-duration:.25s;fill:#000}.year__content{display:flex;flex-direction:row;align-items:center;margin-bottom:36px;align-items:flex-start;gap:149px}.year__line{width:536px;height:2px;flex-shrink:0;stroke-width:1px;background-color:#000}.year__result{width:231px;display:inline-flex;color:#039900;text-align:right;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal;visibility:hidden}.quess{margin-top:36px;margin-bottom:36px}.quess__container{display:flex;flex-direction:column;align-items:center}.quess__text{color:#000;font-family:Montserrat Alternates,sans-serif;font-size:16px;font-weight:400;text-align:center;margin-top:36px;margin-bottom:36px}.quess__box{display:flex;align-items:center;gap:202px}.quess__form{display:flex;align-items:center;background:#d7d7d7;border-radius:20px;overflow:hidden;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25));margin-bottom:36px}.quess__input{border:none;background:transparent;padding:10px 45px 10px 10px;outline:none;font-family:inherit;width:180px;color:#7e7e7e;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.quess__button{display:flex;align-items:center;justify-content:center;background:#000;border:none;cursor:pointer;width:35px;height:35px;border-radius:0 25px 25px 0}.quess__svg{width:18px;height:18px;fill:#fff}.quess__answer{color:#3fb04b;font-family:Montserrat Alternates,sans-serif;font-size:16px;margin:0 0 36px}.btn_rsp{width:60px;height:60px;background-color:#000;border-radius:20px;display:flex;justify-content:center;align-items:center}.btn_rsp:hover{background-color:#8e8e8e}.icon_rsp{width:40px;height:40px;fill:#fff;display:flex;justify-content:center;align-items:center}.div_rsp{display:flex;gap:38px;justify-content:center}.rsp{position:relative;align-items:center;display:flex;flex-direction:column;gap:36px;height:300px;width:100%;padding:30px 0}.rsp h3{font-family:Montserrat Alternates;font-size:16px;font-weight:400}.text_rsp{text-align:left;position:absolute;top:92px;right:200px;display:flex;flex-direction:column;width:auto}.whowin_p{font-family:Montserrat Alternates;font-weight:400;font-size:12px}.comp_btn{width:182px;height:35px;border-radius:20px;text-align:center;font-family:Montserrat Alternates;font-weight:400;font-size:12px;background-color:#000;color:#fff}.calculator{padding:50px 0;display:flex;flex-direction:column;align-items:center;text-align:center}.calculator__title{color:#000;font-family:Montserrat Alternates,sans-serif;font-size:16px;font-weight:400;margin-bottom:36px;margin-top:36px}.calculator__content{display:flex;align-items:center;justify-content:center;gap:38px;margin-bottom:36px}.calculator__input{width:135px;height:35px;padding:0 15px;border-radius:20px;background:#d9d9d9;box-shadow:4px 4px #0003;border:none;outline:none;font-family:Montserrat Alternates,sans-serif;font-size:14px;color:#7e7e7e}.calculator__input::-moz-placeholder{color:#7e7e7e}.calculator__input::placeholder{color:#7e7e7e}.calculator__input--result{background:#d9d9d9}.calculator__buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none;padding:0;margin:0}.calculator__button{width:25px;height:25px;border-radius:20px;background:#000;color:#fff;border:none;cursor:pointer;box-shadow:3px 3px #0003;font-family:Montserrat Alternates,sans-serif;display:flex;align-items:center;justify-content:center;transition:transform .1s}.calculator__button:active{transform:translate(2px,2px);box-shadow:1px 1px #0003}.calculator__equals{width:35px;height:35px;border-radius:50%;background:#000;color:#fff;border:none;box-shadow:3px 3px #0003;font-size:18px;cursor:pointer}.year__line{max-width:536px;height:1px;background-color:#000;margin:0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-calc__box{display:flex;align-items:center;flex-direction:column}.time-calc__title{color:#000;font-family:Montserrat Alternates;font-style:normal;font-weight:400;line-height:normal;font-size:16px;margin-bottom:36px;margin-top:36px}.time-calc__content{display:flex;align-items:center;height:35px;gap:33px;margin-bottom:36px}.time-calc__equal-line{border:dashed 1px;height:0px;flex-shrink:0;width:100px}.time-calc__form{width:150px;height:35px;flex-shrink:0;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25))}.time-calc__input{width:156px;height:35px;display:inline-flex;padding:10px 45px 10px 10px;align-items:flex-start;gap:10px;border-radius:20px;background:#d7d7d7;border:none;position:relative}.time-calc__button{width:35px;height:35px;display:inline-flex;padding:10px;align-items:flex-start;gap:10px;border-radius:0 20px 20px 0;background:#000;border:none;position:absolute;left:81%;top:0}.time-calc__svg{width:15px;height:15px;fill:#fff}.time-calc__line{height:2px;flex-shrink:0;stroke-width:3px;background-color:#000;margin-top:36px;width:536px}.time-calc__button:hover{transition-duration:.25s;background-color:#8acecf}.time-calc__button:hover .time-calc__svg{transition-duration:.25s;fill:#000}.time-calc__text{color:#000;font-family:Montserrat Alternates;font-size:12px;font-style:normal;font-weight:400;line-height:20.04px}.dino{padding-top:30px}.dino__game{position:relative;width:600px;height:200px;border:2px solid lightgray;background-color:#fff;overflow:hidden;margin-left:auto;margin-right:auto}.dino__title{font-weight:400;font-size:16px;color:#000;text-align:center;margin-bottom:20px}#dino__dino{position:absolute;bottom:0;left:50px;width:70px;height:70px;background-image:url(/Coding-Magic/assets/dino-88b08d40.webp);background-size:contain;background-repeat:no-repeat}#dino__obstacle{position:absolute;bottom:0;right:0;width:60px;height:60px;animation:moveObstacle 2s linear infinite;background-image:url(/Coding-Magic/assets/cactus-f0a6c6b4.png);background-size:contain;background-repeat:no-repeat;animation-play-state:paused}@keyframes moveObstacle{0%{right:0}to{right:100%}}.football{padding-top:60px;padding-bottom:60px}.football__box{display:flex;justify-content:center;align-items:center}.football__title{font-weight:400;font-size:16px;color:#000;text-align:center;margin-bottom:40px}#ui{color:#000;font-size:20px;margin-bottom:10px}#arena{position:relative;width:720px;height:220px;border-radius:37px;border:2px solid #000;background:#5ABB58;overflow:hidden;padding:80px 175px 220px}#ball{position:absolute;width:30px;height:30px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition:left .3s ease,top .3s ease}.goal{position:absolute;top:50%;width:20px;height:80px;background:gold;transform:translateY(-50%)}.goal.left{left:0}.goal.right{right:0}.biggest_number{background-color:#d7d7d7;width:135px;height:35px;border-radius:20px;font-weight:400;font-size:12px;color:#7e7e7e;border:none;box-shadow:3px 3px #00000040;text-align:center}.biggest_numbers{padding:35px 0;display:flex;flex-direction:column;align-items:center;gap:36px}.biggest_numbers div{display:flex;gap:36px}.the_bigest_number{font-weight:400;font-size:12px}.team{padding-top:40px;padding-bottom:40px;position:relative}.team__btn-left{border:none;background-color:transparent;position:absolute;top:150px;left:3px;stroke-width:1px;stroke:#000;transition:transform .2s ease}.team__btn-left:active{transform:scale(1.2)}@media screen and (min-width: 768px){.team__btn-left{left:200px}}@media screen and (min-width: 1090px){.team__btn-left{left:500px}}.team__btn-right{border:none;background-color:transparent;position:absolute;top:150px;right:3px;transition:transform .2s ease;stroke-width:1px;stroke:#000}.team__btn-right:active{transform:scale(1.2)}@media screen and (min-width: 768px){.team__btn-right{right:200px}}@media screen and (min-width: 1090px){.team__btn-right{right:500px}}.team__icon{width:50px;height:100px;color:#000}.team__title{font-family:Montserrat Alternates;color:#000;font-size:16px;line-height:1;font-weight:400;text-align:center;margin-bottom:20px}.team__img{width:150px;height:150px;border-radius:20px;margin-left:auto;margin-right:auto;-o-object-fit:cover;object-fit:cover}.team__gallery{width:300px;height:250px;margin:0 auto;position:relative;overflow:hidden}.team__list{display:flex;height:100%}.team__item{width:100%;height:100%;flex-shrink:0;text-align:center}.team__name{font-family:Montserrat Alternates;font-weight:400;font-size:16px;line-height:1;margin-top:20px;margin-bottom:20px;color:#000}.team__desc{font-family:Montserrat Alternates;font-weight:400;font-size:14px;color:#000}.team__slider-dots{display:flex;justify-content:center;gap:8px;padding:20px 0 0}.team__dot{width:18px;height:4px;background-color:#ccc;border-radius:2px}.team__dot.activeDot{width:30px;background-color:#555}.scientists{padding-top:20px;padding-bottom:20px}.scientists__sortedList{display:flex;flex-wrap:wrap;gap:80px;justify-content:center}.scientists__title{font-family:Montserrat Alternates;font-weight:400;font-size:16px;line-height:1;color:#000;text-align:center;margin-bottom:40px}.scientists__box{width:150px;height:150px;background-color:#d3d3d3;border-radius:20px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;transform:scale(0);transition:transform .5s ease}.scientists__box.show{transform:scale(1) rotate(360deg)}.scientists__boxes{display:flex;gap:5px}.scientists__name{font-family:Montserrat Alternates;font-weight:400;font-size:13px;line-height:1.7;text-align:center;color:#000}.scientists__wrap{display:flex;font-family:Montserrat Alternates;font-weight:400;font-size:14px;line-height:1.7;text-align:center;color:#000}.scientists__items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:36px;row-gap:20px;-moz-column-gap:36px;column-gap:36px}.scientists__desc{font-family:Montserrat Alternates;font-weight:400;font-size:12px;text-align:right;color:#fff;border-radius:20px;padding:10px 20px;box-shadow:3px 3px #00000040;background:#000;border:none;transition:transform .2s ease}.scientists__desc:active{transform:scale(1.2)}.modal_overlay{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#0006;position:fixed;top:0;z-index:0;visibility:hidden}.modal1{width:576px;height:316px;background-color:#fff;border-radius:20px;display:flex;position:absolute;top:30%;padding:46px 0;font-family:Inter;font-size:12px;visibility:hidden;flex-direction:column;align-items:center;z-index:1}.modal_close_btn{position:absolute;top:30px;left:531px;width:15px;height:15px}.modal1 p{text-align:center}.modal1 p:nth-child(3){margin-top:42px}.your_name_wrong{border-color:red}.your_name{margin-top:18px;width:169px;height:35px;border-radius:20px;padding:8px;background-color:#d7d7d7;border:none;color:#7e7e7e}.modal_icon{position:absolute;width:30px;height:30px}.save_name_btn{background-color:#000;width:105px;height:35px;color:#fff;margin-top:18px;border-radius:20px}.modal_icon1{top:154px;left:41px}.modal_icon2{top:230px;left:85px}.modal_icon3{top:154px;left:505px}.modal_icon4{top:230px;left:461px}.modal2{width:463px;height:245px;background-color:#fff;border-radius:20px;visibility:hidden;display:flex;position:absolute;top:30%;align-items:center;justify-content:center;z-index:1}.modal2 h3{font-family:Inter;font-size:20px}.modal2_close_btn{position:absolute;top:30px;right:30px;width:15px;height:15px}.modal_icon1_2{top:69px;left:43px}.modal_icon2_2{top:145px;left:87px}.modal_icon3_2{top:69px;left:391px}.modal_icon4_2{top:145px;left:347px}.modal_overlay2{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#0006;position:fixed;top:0;z-index:0;visibility:hidden}.footer{padding-top:62px;padding-bottom:62px}.footer__wrap{display:flex;flex-direction:column;gap:30px}@media screen and (min-width: 768px){.footer__wrap{flex-wrap:wrap;flex-direction:row;-moz-column-gap:260px;column-gap:260px}}@media screen and (min-width: 1090px){.footer__wrap{justify-content:space-between;align-items:center;-moz-column-gap:0;column-gap:0}}.footer__icon{width:165px;height:70px}.footer__list{display:flex;flex-direction:column;gap:8px}.footer__link{color:#000;font-weight:400;font-size:14px;line-height:170%;position:relative}.footer__link:after{content:"";display:block;width:100%;height:2px;background-color:#000;border-radius:10px;position:absolute;left:0;bottom:-10px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-duration:.3s}.footer__link:hover:after{display:block;opacity:1}@media screen and (min-width: 768px){.footer__box{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1090px){.footer__box{margin-left:0;margin-right:0}}.footer__form{display:flex;gap:30px;flex-direction:column}@media screen and (min-width: 768px){.footer__form{flex-direction:row}}.footer__input{background-color:#d7d7d7;border:none;padding:15px 20px;border-radius:20px}.footer__input:focus{outline:none}.footer__btn{color:#fff;background-color:#000;border-radius:20px;border:none;padding-left:20px;padding-right:20px;transition:transform .2s ease}.footer__btn:active{transform:scale(1.2)}.footer__desc{font-weight:400;font-size:10px;color:#000;margin-top:10px}