.main__logo,.menu__list{color:#151515}.logo__item,.main__logo{font-size:30px;line-height:34px;font-weight:500}.main-foto,.main_av{-webkit-box-shadow:0 0 10px rgb(26 9 9 / 40%)}.arrow_link,.log-tg_wapp,a{text-decoration:none}.content__about>*,.menu__btn,.wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0}:root{--index:calc(1vw + 1vh);--about-gap:calc(var(--index) * 10)}.about,.content,.content__about,.foto>*{will-change:transform}body,html{height:100%;overflow-x:hidden}ul{list-style-type:none}a{color:inherit}body{margin:0 auto;font-family:Raleway,sans-serif;font-size:16px;color:#fff;line-height:1.3;background:-o-linear-gradient(40deg,#000428,#004e92,#24243e);background:linear-gradient(50deg,#000428,#004e92,#24243e);-webkit-animation:15s ease-out infinite gradient;animation:15s ease-out infinite gradient;background-size:200%;background-attachment:fixed}@-webkit-keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.wrapper{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden}.header__inner,.menu__list{display:-webkit-box;display:-ms-flexbox}.container{max-width:1220px;margin:0 auto;padding:0 10px}.header{width:100%;position:absolute;top:0;left:0;z-index:1;background:#fff;-webkit-transition:height 1s ease-in-out;-o-transition:height 1s ease-in-out;transition:height 1s ease-in-out}.arrow_link::before,.menu__list{-webkit-transition:.4s;-o-transition:.4s}.header__inner{padding:20px 10px;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.menu__list{display:flex;gap:35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:.4s}.content__about,.top__top{display:-webkit-box;display:-ms-flexbox}.logo__item{color:#06f}.list__line{border:1px solid #bebcbcfd;margin-bottom:1px;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu__list-item{-webkit-transition:font-size .4s linear;-o-transition:font-size .4s linear;transition:font-size .4s linear}.menu__list-item:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);color:#06f}.top{padding:250px 0}.top__top{display:flex}.main_av{width:calc(var(--index) * 37);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgb(26 9 9 / 40%)}.main_name{font-size:75px}.subtitle{font-weight:600;font-size:52px}.subdescription{font-weight:600;font-size:70px;line-height:78px;padding:30px 0 0}.maintitle_text{padding:90px 0 0 30px}.main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.content__about{display:flex;padding:calc(var(--index) * 4) 0}.content__about>*{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.about__item{max-width:calc(var(--index) * 20)}.content__left{margin-top:calc(var(--about-gap) * .6)}.maine_text{max-width:600px}.line{border:1px solid #fff;width:100%;margin-bottom:20px}.about__me,.about__me1,.about__me2{font-size:2rem;line-height:2.4rem;margin-bottom:10px}.about__me2{display:none}.job,.paragraph{line-height:1.7rem}.paragraph{font-size:1.4rem;margin-bottom:20px}img{max-width:100%;height:auto}.foto{width:50%;margin:0 auto}.main-foto,.portfolio_img{width:calc(var(--index) * 10)}.main-foto{border-radius:16px;border:2px solid #fff;box-shadow:0 0 10px rgb(26 9 9 / 40%);margin:0 auto;left:0;top:0}.img-wrap{-webkit-transition:font-size .3s linear;-o-transition:font-size .3s linear;transition:font-size .3s linear}.img-wrap .portfolio_img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.portfolio_img{border:1px solid #fff;border-radius:8px;-webkit-box-shadow:0 0 10px rgb(26 9 9 / 40%);box-shadow:0 0 10px rgb(26 9 9 / 40%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.portfolio_list{padding:40px 0}.info-wrap{margin:20px 0}.main_list,.sub-title{font-size:1.4rem;line-height:1.7rem}.arrow_link::before{content:'';width:70px;height:1px;bottom:15px;right:0;background:#1d1d1f;transition:.4s}.arrow_link{font-size:26px;font-weight:800;text-transform:none;color:inherit;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.clear{clear:both}.skills__content{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:repeat(2,1fr);padding:0 15px}.skills__right{padding:450px 0 0 60px}.chek_list{margin-bottom:8px;padding:10px 5px}.chek_list::marker{content:url(../img/icon/chek-man_20px.png)}.job{font-size:1.4rem;padding:30px 0 30px 20px}.contacts,.mail,.phone{font-size:48px;color:#151515}.icon_table{width:calc(var(--index) *3.1)}.footer{background-color:#fff;padding:50px 0}.contacts,.log-tg_wapp,.mail,.phone{text-align:center;padding:10px 0}.contacts{font-weight:600}.mail,.phone{font-weight:500}svg{height:50px;width:50px}g:hover{fill:#0066FF;-webkit-transition:color .7s linear;-o-transition:color .7s linear;transition:color .7s linear}.menu__btn{width:30px;height:20px;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;border:none;background-color:transparent;cursor:pointer;display:none}.menu__btn span{height:2px;background-color:#06f;width:100%}@media (max-width:1180px){.main_name{font-size:55px}.subtitle{font-weight:400;font-size:28px}.subdescription{font-weight:600;font-size:50px;line-height:55px;padding:30px 0 0}}@media (max-width:880px){.menu__btn{display:-webkit-box;display:-ms-flexbox;display:flex}.main__logo,.menu__btn{position:relative;z-index:11}.menu__list{position:absolute;z-index:10;background:-o-linear-gradient(40deg,#8e9eab,#eef2f3,#8e9eab);background:linear-gradient(50deg,#8e9eab,#eef2f3,#8e9eab);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#151515;top:0;left:0;right:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:100px;height:100vh;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-o-transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.menu__list.menu__list--active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.list__line{display:none}.top__top{display:block;width:100%;left:0;top:0}.main_av{width:calc(var(--index) * 20)}.top{padding:170px 0}.skills__right{padding:0}.skills__content{display:block;padding:0 15px}.portfolio__left,.portfolio__right{padding:0 5px}}@media (max-width:768px){.contacts,.mail,.main_name,.phone{font-size:35px}.subtitle{font-weight:300;font-size:24px}.top__top{display:block}.subdescription{font-weight:600;font-size:40px;line-height:48px;padding:0}.content__about{display:block;padding:calc(var(--index) * 2) 0}.top{padding:170px 0 50px}.foto{display:none}.maine_text{max-width:600px}.about__me{font-size:28px;line-height:24px}.skills__right{padding:0}.skills__content{display:block;padding:0 15px}.about__item{max-width:calc(var(--index) * 35)}.content__left{margin-top:calc(var(--about-gap) * .2)}.about__me1,.line{display:none}.about__me2{display:block}.chek_list,.job,.paragraph{font-size:20px}}@media (max-width:550px){.main_name,.subtitle{font-size:24px;line-height:36px}.main_av{width:100%;left:0;top:0}.top{padding:90px 0}.maintitle_text{padding:35px 0}.subtitle{font-weight:300}.subdescription{font-weight:500;font-size:35px;line-height:42px;padding:0}.contacts,.mail,.phone{font-size:25px}}@media (max-width:400px){.main_name,.subtitle{font-size:24px;line-height:36px}.main_av{width:100%;left:0;top:0}.top{padding:90px 0}.maintitle_text{padding:35px 0}.subtitle{font-weight:300}.subdescription{font-weight:500;font-size:35px;line-height:42px;padding:0}.chek_list,.job,.paragraph{font-size:18px}.contacts,.mail,.phone{font-size:20px}svg{height:35px;width:35px}}