@font-face{font-family:Gilroy;font-style:normal;font-weight:400;src:url(../../static/media/Gilroy-Medium.1c23f810e531d0702f76.ttf) format("opentype"),url(../../static/media/Gilroy-Medium.acd4e613de34a826c191.woff2) format("woff2"),url(../../static/media/Gilroy-Medium.5329bc502cdc219ad294.woff) format("woff")}@font-face{font-family:Gilroy;font-style:normal;font-weight:700;src:url(../../static/media/Gilroy-Bold.901a60fc2835c74fba67.ttf) format("opentype"),url(../../static/media/Gilroy-Bold.ef7c40ff1efeaaa4c7c6.woff2) format("woff2"),url(../../static/media/Gilroy-Bold.0607a1bc636f63251ed8.woff) format("woff")}html{scroll-behavior:smooth}body{color:#000;font-family:Gilroy,Roboto,sans-serif;font-size:18px;font-weight:400;margin:0;padding:0}body *{box-sizing:border-box}.overflow-hidden{overflow:hidden}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:0;margin:0;overflow:hidden;padding:0;position:relative;white-space:nowrap;width:0}.page__wrapper{margin-left:auto;margin-right:auto;max-width:100%}.page__container{width:100%}.page__container--bg-gray{background-color:#f6f6f6}.page__container-wrapper{margin-left:auto;margin-right:auto;max-width:1000px;padding-left:12px;padding-right:12px}.page__header{background-color:#fff;height:88px;position:fixed;width:100%}@media(max-width:426px){.page__header{border-bottom:1px solid #828282;height:66px;padding-bottom:16px;padding-top:16px}}.page__preview{padding-bottom:64px;padding-top:112px}@media(max-width:426px){.page__preview{padding-bottom:83px;padding-top:80px}}.page__about-me{margin-left:auto;margin-right:auto;padding-bottom:64px;padding-top:64px}@media(max-width:426px){.page__about-me{padding-bottom:64px;padding-top:64px}}.page__skills{padding-bottom:64px;padding-top:64px}@media(max-width:426px){.page__skills{padding-bottom:64px;padding-top:64px}}.page__portfolio{padding-bottom:64px;padding-top:64px}@media(max-width:426px){.page__portfolio{padding-bottom:64px;padding-top:64px}}.page__contacts{padding-bottom:64px;padding-top:64px}@media(max-width:426px){.page__contacts{padding-bottom:64px;padding-top:64px}}.main-nav{border-bottom:1px solid #828282;padding-bottom:32px;padding-top:32px;width:100%}@media(max-width:426px){.main-nav{background-color:#fff;border-bottom:none;padding:0;position:relative}.main-nav__wrapper{background-color:#fff;display:none;height:calc(100vh - 24px);justify-content:space-between;margin-left:-30px;position:absolute;width:calc(100% + 42px)}}.main-nav--opened .main-nav__wrapper{display:block}.main-nav__toggle{display:none}.main-nav__toggle:before{background-color:#070707;box-shadow:0 8px 0 0 #070707,0 16px 0 0 #070707;content:"";height:4px;position:absolute;right:0;top:7px;width:34px}@media(max-width:426px){.main-nav__toggle{background-color:#fff;border:none;cursor:pointer;display:block;height:34px;padding:0;position:absolute;right:0;top:0;width:34px;z-index:2}}.main-nav--opened .main-nav__toggle{left:auto;right:0;top:0}.main-nav--opened .main-nav__toggle:after,.main-nav--opened .main-nav__toggle:before{background-color:#070707;box-shadow:none;content:"";height:4px;position:absolute;right:0;top:15px;width:34px}.main-nav--opened .main-nav__toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.main-nav--opened .main-nav__toggle:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.main-nav__list{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}@media(max-width:426px){.main-nav__list{align-items:flex-start;flex-direction:column;justify-content:flex-start;padding-left:26px}}.main-nav__item{font-weight:700;margin-right:16px;text-align:center}.main-nav__item a{color:#828282;text-decoration:none;transition:color .2s}.main-nav__item a:hover{color:#000}@media(max-width:426px){.main-nav__item{font-size:34px;padding-bottom:60px}}.main-nav__lang-selection{display:none}@media(max-width:426px){.main-nav__lang-selection{align-items:flex-end;display:flex;justify-content:right;margin-bottom:57px}}.preview{width:100%}.preview__header{align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:16px}@media(max-width:426px){.preview__header{align-items:flex-start;flex-direction:column;padding-bottom:24px}}.preview__title{font-size:48px;font-weight:700;line-height:58px;margin:0;max-width:280px;padding:0}@media(max-width:426px){.preview__title{padding-bottom:24px}}.preview__subtitle{font-size:22px;margin:0;max-width:280px;padding:0}.preview__cover{width:100%}.preview__cover img{height:auto;width:100%}@media(max-width:426px){.preview__lang-selection{display:none}}.preview__contacts{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 40px;padding:0}.preview__contact_item{margin-left:8px}.preview__contact_item:first-child{margin-left:0}.preview__contact_img{width:32px}.lang-selection{font-size:16px;text-align:left;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.lang-selection--menu{font-size:34px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lang-selection__lang{color:#828282;font-weight:700;text-decoration:none}.lang-selection__lang--active{color:#000}.about-me{padding:0}.about-me__title{font-size:34px;margin:0 0 18px;text-align:left}@media(max-width:426px){.about-me__title{margin:0 0 30px}}.about-me__text{margin:0 0 40px;text-align:left}.about-me__text:last-child{margin-bottom:0}.skills{padding:0;width:100%}.skills__title{font-size:34px;margin:0 0 68px;text-align:center}@media(max-width:426px){.skills__title{margin-bottom:50px}}.skills__subtitle{margin:0 0 84px;text-align:center}@media(max-width:426px){.skills__subtitle{margin-bottom:70px}}.skills__list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0 -16px 0 0;padding:0}.skills__item{height:206px;margin-bottom:80px;margin-right:16px;width:168px}@media(max-width:426px){.skills__item{margin-right:0;width:100%}}.portfolio{margin:0;padding:0}.portfolio__title{font-size:34px;font-weight:700;margin:0 0 47px;padding:0;text-align:center}.portfolio__title:before{content:" ";display:block;margin-top:-152px;padding-top:152px}@media(max-width:426px){.portfolio__title{margin-bottom:32px}.portfolio__title:before{padding-top:112px}}.portfolio__list{list-style:none;margin:0;padding:0}.portfolio__item{margin:0 0 40px;padding:0}.portfolio__item:last-child{margin-bottom:0}@media(max-width:426px){.portfolio__item{margin-bottom:77px}}.portfolio__info{display:flex;height:auto;margin:0 auto;padding:0}@media(max-width:768px){.portfolio__info{flex-direction:column}}.portfolio__cover{text-align:center;width:64%}@media(max-width:768px){.portfolio__cover{width:100%}}@media(max-width:426px){.portfolio__cover{margin-bottom:33px}}.portfolio__description{font-size:20px;padding-left:24px;width:38%}.portfolio__description p{margin-bottom:0;margin-top:0}@media(max-width:768px){.portfolio__description{padding-left:0;width:100%}}.portfolio__img{width:100%}.portfolio__name-project{font-size:28px;margin:0 0 20px;padding:0;text-align:left}.portfolio__stack_list{display:flex;list-style:none;margin:24px 0 0;padding:0}.portfolio__stack_item{line-height:0;margin-left:8px}.portfolio__stack_item:first-child{margin-left:0}.portfolio__stack_logo{width:40px}.portfolio__links{display:flex;flex-direction:column;margin-top:24px}.portfolio__links>*{margin-top:24px}.portfolio__links>:first-child{margin-top:0}@media(max-width:768px){.portfolio__links{align-items:center;flex-direction:row}.portfolio__links>*{margin-left:24px;margin-top:0}.portfolio__links>:first-child{margin-left:0}}@media(max-width:426px){.portfolio__links{flex-direction:column}.portfolio__links>*{margin-left:0;margin-top:24px}.portfolio__links>:first-child{margin-top:0}}.portfolio__btn_demo{max-width:200px}@media(max-width:426px){.portfolio__btn_demo{max-width:none;width:100%}}.portfolio__repository{max-width:200px}@media(max-width:426px){.portfolio__repository{max-width:none;width:100%}}.contacts{align-items:center;display:flex;flex-direction:column;justify-content:center}.contacts__title{margin:0 0 30px;padding:0}.contacts__title:before{content:" ";display:block;margin-top:-152px;padding-top:112px}.contacts__subtitle{margin:0 0 30px;padding:0;text-align:center}@media(max-width:426px){.contacts__subtitle{margin-bottom:40px}}.contacts__send-message{margin:0 0 86px;padding:0;width:240px}@media(max-width:426px){.contacts__send-message{margin-bottom:60px;width:100%}}.social__list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.social__item,.social__list{display:flex;justify-content:left}.social__item{align-items:center;margin-bottom:16px;margin-right:16px}.social__item:last-child{margin-right:0}.social__link{color:#000;font-size:18px;line-height:1;text-decoration:none;transition:color .2s}.social__link:hover{color:#828282}.social__link-img{font-size:0;line-height:0;margin-right:8px;width:40px}.button{background-color:#000;box-sizing:border-box;color:#fff;display:inline-block;font-size:18px;font-weight:700;min-height:48px;padding:10px 30px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.button:hover{background-color:#828282;color:#000}.button--secondary{border:2px solid #000;color:#000;transition:all .2s}.button--secondary,.button--secondary:hover{background-color:transparent;text-decoration:none}.button--secondary:hover{border:2px solid #828282;color:#828282}
/*# sourceMappingURL=main.037b5fa8.css.map*/