@font-face{font-family:"OpenSans";src:url(/static/media/open-sans-v18-latin_cyrillic-300.0b7d2162.woff) format("woff"),url(/static/media/open-sans-v18-latin_cyrillic-300.13b68eee.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:"OpenSans";src:url(/static/media/open-sans-v18-latin_cyrillic-600.8c55c143.woff) format("woff"),url(/static/media/open-sans-v18-latin_cyrillic-600.ccd76c23.woff2) format("woff2");font-weight:600;font-display:swap}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{width:100%;font-family:OpenSans,Arial,Helvetica,sans-serif;color:#1a1b22;font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%}.page{display:flex;flex-direction:column;min-height:100vh;margin:0 auto}.header{position:fixed;top:0;left:0;z-index:10;background-color:#edeef0;width:100%;border-bottom:1px solid #fff;transition:.5s}.header_hidden{transform:translateY(-100%)}.header_location_index{background-color:transparent;border-bottom:none}.header__content{max-width:1400px;min-height:40px;display:flex;justify-content:space-between;margin:auto;padding:20px 25px}.header__title-link{text-decoration:none;color:inherit}.header__title{margin:0;padding:0;font-size:16px;font-weight:300;letter-spacing:.4em;z-index:10;transition:.2s}.header__title_hidden{display:none}.header__nav-bar{align-self:flex-end}.nav-bar__links{margin:0;padding:0;display:flex;list-style-type:none}.nav-bar__link-container{margin-left:30px}.nav-bar__link{text-decoration:none;color:#000;transition:.2s}.nav-bar__link_location_index{color:rgba(237,238,240,.6862745098039216)}.nav-bar__link_active{color:#35a6e8}.header__title:hover,.nav-bar__link:hover{color:#35a6e8}.nav-bar__link_location_index:hover{color:#edeef0}@media screen and (max-width:768px){.header__content{min-height:20px}.header__nav-bar{display:none;position:fixed;left:0;top:0;width:100%;background-color:#edeef0;flex-direction:column;padding:60px 0 0}.header__nav-bar_expanded{display:flex}.nav-bar__links{flex-direction:column;width:100%}.nav-bar__link-container{display:flex;align-items:center;min-height:50px;width:100%;margin-left:0}.nav-bar__link-container:hover{background-color:#7fffd4}.nav-bar__link{padding-left:10px;padding-right:10px;display:flex;justify-content:center;align-items:center;min-height:50px;width:100%;margin-left:0}.nav-bar__link_active{color:#888}.header__burger{display:block;position:relative;width:30px;height:20px;cursor:pointer;z-index:100}.header__burger:after,.header__burger:before{content:"";background-color:#000;position:absolute;width:100%;height:2px;left:auto;transition:.2s}.header__burger span{background-color:#000;position:absolute;width:100%;height:2px;top:9px;transition:.2s}.header__burger_light span{background-color:#999}.header__burger_light:after,.header__burger_light:before{background-color:#999}.header__burger:before{top:2px}.header__burger:after{bottom:2px}.header__burger_active span{transform:scale(0)}.header__burger_active:before{transform:rotate(45deg);top:9px}.header__burger_active:after{transform:rotate(-45deg);bottom:9px}}.content{flex-grow:2}.content__container{position:relative;margin-top:120px;margin-bottom:20px}@media screen and (max-width:1074px){.content__container{padding-left:25px;padding-right:25px}}@media screen and (max-width:979px){.content__container{padding-left:100px;padding-right:100px}}@media screen and (max-width:815px){.content__container{padding-left:25px;padding-right:25px}}@media screen and (max-width:768px){.content__container{margin-top:80px}}@media screen and (max-width:420px){.content__container{padding-left:10px;padding-right:10px}}.web-cards{max-width:1024px;margin:0 auto}.web-cards__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:15px;gap:15px;margin:0;padding:0}.web-cards__title{margin:0 -5px .5em;padding:0;font-size:28px;font-weight:300;text-transform:uppercase;letter-spacing:.18em;text-align:right;color:#aaa}@media screen and (max-width:768px){.web-cards__title{text-align:center}}@media screen and (max-width:665px){.web-cards{max-width:400px}.web-cards__title{text-align:center}}@media screen and (max-width:420px){.web-cards__title{font-size:24px}}.web-card{display:block;margin:0;background-color:#edeef0;padding:20px 15px;border-radius:5px}.web-card__image{width:100%;max-height:300px;object-fit:cover;object-position:top;margin-bottom:30px;transition:.2s;border:1px solid #fff;border-radius:5px}.web-card__image:hover{opacity:.8;border:1px solid #35a6e8}.web-card__title{margin:0 0 .5em;padding:0;font-size:18px;font-weight:300;text-transform:uppercase;letter-spacing:.18em}.web-card__subtitle{margin:0 0 2em;padding:0;font-size:14px;font-weight:300}.web-card__footer{padding-top:10px;display:flex;align-items:center;justify-content:flex-end}.web-card__footer-text-link{text-decoration:none;font-size:12px;font-weight:600;margin-right:15px;transition:.2s;color:#999}.web-card__footer-text-link:hover{opacity:.6}.web-card__footer-git-link{display:block;background-image:url(/static/media/github.df660a36.svg);width:24px;height:24px;transition:.2s}.web-card__footer-git-link:hover{opacity:.6}@media screen and (max-width:768px){.web-card{padding-left:20px;padding-right:20px}.web-card__image{margin-bottom:15px}}@media screen and (max-width:600px){.web-card__image{margin-left:auto;margin-right:auto}}@media screen and (max-width:420px){.web-card{padding-left:10px;padding-right:10px}}.about{padding-top:80px;max-width:750px;margin:0 auto}.about__top-container{display:flex;align-items:flex-start;justify-content:center;margin-bottom:80px}.about__image{display:block;position:relative;top:30px;width:150px;height:150px;object-fit:cover;object-position:center;border-radius:100%}.about__text-container{padding-left:100px;max-width:500px}.about__title{margin:0 0 24px;font-weight:300;font-size:30px}.about__subtitle{font-size:16px;text-align:center;color:#777;margin-bottom:15px}.about__text{max-width:600px;margin:0 0 10px;padding:0;font-weight:300;font-size:16px;line-height:24px}.about__text-bold{font-weight:600;color:#4990d3}@media screen and (max-width:1024px){.about{padding-top:60px}.about__text-container{padding-left:50px}}@media screen and (max-width:768px){.about__top-container{flex-direction:column;align-items:center;margin-bottom:50px}.about{padding-top:30px}.about__text-container{padding-left:0}.about__image{top:0;margin-bottom:24px}}@media screen and (max-width:420px){.about{padding:32px 16px}}.skills__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-template-rows:100px;padding:0;list-style-type:none}.skills__item{padding:5px;display:flex;flex-direction:column;align-items:center;fill:#aaa;transition:.2s}.skills__item:hover{fill:#ccc}.skills__caption{text-align:center;margin:0;padding:5px 0 0;font-size:14px;font-weight:600;color:#999}@media screen and (max-width:550px){.skills__list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));grid-template-rows:80px}.skills__caption{font-size:10px}}.welcome{width:100vw;height:100vh;background:url(/static/media/welcome_1200X1800.bc1b0b31.jpg) no-repeat 50%/cover;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:37vh 25px 0;box-sizing:border-box}.welcome__title{margin:0 0 15px;font-size:28px;font-weight:300;letter-spacing:.3em;opacity:.7}.welcome__subtitle,.welcome__title{padding:0;color:#edeef0;text-align:justify}.welcome__subtitle{margin:0;font-size:16px;font-weight:600;letter-spacing:.06em;opacity:.5}.welcome__footer{display:flex;width:100%;justify-content:space-between;align-items:center;padding-bottom:10px}.welcome__copyright{margin:0;padding:0;font-size:14px;font-weight:600;letter-spacing:.05em;color:#edeef0;opacity:.3}@media screen and (max-width:550px){.welcome{background:url(/static/media/welcome_550X800.f083735b.jpg) no-repeat 50%/cover}.welcome__footer{flex-direction:column-reverse}.social-block{margin-bottom:10px}}.social-block{display:flex;margin:0;padding:0}.social-block__item{list-style-type:none;padding:0 10px}.social-block__item:last-child{padding-right:0}.social-block__item:first-child{padding-left:0}.social-block__item svg{fill:#999;transition:.2s}.social-block__item:hover svg{fill:#bbb}@media screen and (max-width:550px){.social-block{margin-bottom:10px}}.images-section{max-width:1024px;margin:0 auto}.image-cards__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:340.66667px;grid-gap:1px;gap:1px;margin:0;padding:0}.image-cards__title{margin:0 -5px .5em;padding:0;font-size:28px;font-weight:300;text-transform:uppercase;letter-spacing:.18em;text-align:right;color:#aaa}.image-cards__subtitle{margin:0 0 5px}.image-cards__help-text,.image-cards__subtitle{text-align:right;color:#777;font-size:16px;line-height:1.5}.image-cards__help-text{margin:0 0 30px;font-style:italic}@media screen and (max-width:1074px){.image-cards__list{grid-auto-rows:calc(33.33333vw - 16.66667px)}}@media screen and (max-width:979px){.image-cards__list{grid-auto-rows:calc(50vw - 100px)}}@media screen and (max-width:815px){.image-cards__list{grid-auto-rows:calc(50vw - 25px)}}@media screen and (max-width:768px){.image-cards__help-text,.image-cards__subtitle,.image-cards__title{text-align:center}}@media screen and (max-width:665px){.image-cards__list{justify-items:center}}@media screen and (max-width:650px){.image-cards__list{grid-auto-rows:500px}}@media screen and (max-width:550px){.image-cards__list{grid-auto-rows:calc(100vw - 50px)}}@media screen and (max-width:420px){.image-cards__list{grid-auto-rows:calc(100vw - 20px)}.image-cards__title{font-size:24px}.image-cards__subtitle{font-size:13px;margin-bottom:0}.image-cards__help-text{font-size:13px;margin-bottom:15px}}.image-card{position:relative;display:block;margin:0;padding:0;cursor:pointer}.image-card:hover .image-card__info{opacity:1}.image-card__info{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;top:0;box-sizing:border-box;width:100%;height:100%;padding-bottom:3em;background-color:rgba(57,60,65,.9);opacity:0;transition:.2s}.image-card__title{margin:0 0 .5em;padding:0;font-size:22px;font-weight:300;text-transform:uppercase;letter-spacing:.18em;text-align:center;color:#aaa}.image-card__subtitle{padding:0;margin:0;font-size:18px;font-weight:300;text-align:right;color:#aaa}.image-card__image{display:block;object-fit:cover;object-position:0 0;width:100%;height:100%}.filter{width:100%}.filter__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:5px;gap:5px;margin:0 0 15px;padding:0}.filter__item{display:flex;align-items:center;justify-content:center;list-style-type:none;margin:0;height:30px;padding:0 20px;border-radius:15px;background-color:#eee;cursor:pointer;transition:all .2s ease}.filter__item:hover{background-color:#1e9ce6;color:#fff}.filter__item_active{background-color:#35a6e8;color:#fff}.filter__item:active{background-color:#1591da}.modal,.popup{z-index:300;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff}.popup{visibility:hidden;opacity:0}.popup_opened{visibility:visible;opacity:1}.popup__image{position:absolute;max-width:70%;max-height:90%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;border:1px solid #aaa;transition:opacity .3s ease .1s}.popup__image_hidden{opacity:0}.popup__image_shift_left{transition:all .4s;transform:translate(calc(-100% - 40vw),-50%);opacity:0}.popup__image_shift_right{transition:all .4s;opacity:0;transform:translate(40vw,-50%)}.popup__btn-container{position:fixed;width:100%;height:60px;bottom:0}.popup__regular-btn{position:fixed;bottom:8%;left:50%;transform:translate(-50%);margin:0;padding:0;border:none;box-shadow:none;background-color:#35a6e8;color:#fff;color:#eee;width:320px;height:50px;border-radius:25px;cursor:pointer;transition:.2s;font-weight:600}.popup__regular-btn:hover{background-color:#1e9ce6}.popup__regular-btn:active{background-color:#1591da}.popup__description{position:absolute;left:20px;top:20px;z-index:1}.popup__title{margin:0 0 .5em;font-size:22px;text-transform:uppercase;letter-spacing:.18em}.popup__subtitle,.popup__title{padding:0;font-weight:300;color:#999}.popup__subtitle{margin:0;line-height:1.3;letter-spacing:.07em}.popup__close-btn{position:absolute;right:20px;top:20px;margin:0;padding:0;border:none;box-shadow:none;background-color:transparent;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:.2s;z-index:10}.popup__close-btn:before{position:absolute;left:0;top:20px;transform:rotate(45deg);content:"";width:100%;height:3px;background-color:#aaa}.popup__close-btn:after{position:absolute;left:0;top:20px;transform:rotate(135deg);content:"";width:100%;height:3px;background-color:#aaa}.popup__close-btn:hover{opacity:.6}.popup__close-btn:focus{outline:none}@media screen and (max-width:1025px){.popup__image{max-width:100%;max-height:100%;width:100%;height:100%}.popup__btn-container,.popup__description{display:none}.popup__close-btn{top:3px;right:3px;width:30px;height:30px}.popup__close-btn:before{top:15px;height:2px}.popup__close-btn:after{top:15px;height:2px}}@media screen and (max-width:420px){.popup__container{padding-left:16px;padding-right:16px}.popup__title{margin-right:5px;font-size:18px}.popup__subtitle{font-size:12px}}.modal-nav-btn{position:fixed;top:50%;transform:translateY(-50%);margin:0;padding:0;border:none;box-shadow:none;background-color:#ddd;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:.2s}.modal-nav-btn:hover{background-color:#ccc}.modal-nav-btn:active{background-color:#bbb}.modal-nav-btn:hover svg path{transition:.2s}.modal-nav-btn:hover svg path{fill:#35a6e8}.modal-nav-btn:active svg path{fill:#3bb7ff}.modal-nav-btn_right{right:20px}.modal-nav-btn_left{left:20px}@media screen and (max-width:1025px){.modal-nav-btn{opacity:.8}.modal-nav-btn:hover{background-color:hsla(0,0%,86.7%,.212)}.modal-nav-btn_right{right:-15px}.modal-nav-btn_left{left:-15px}}.footer{display:flex;justify-content:space-between;padding:10px 25px;max-width:1500px;width:100%;box-sizing:border-box;margin:0 auto}.footer_hidden{display:none}.footer__copyright{margin:0;padding:0;font-weight:400;font-size:16px;line-height:22px;color:#b6bcbf}.footer__icon-links{display:flex;margin:0;padding:0;list-style-type:none}.footer__icon-link-container{margin:0;padding:0 0 0 14px}.footer__text-link{color:#1a1b22;text-decoration:none;transition:.2s}.footer__icon-link{transition:.2s}.footer__icon-link:hover{opacity:.7}@media screen and (max-width:1024px){.footer{padding-left:25px;padding-right:25px}}@media screen and (max-width:550px){.footer{flex-direction:column-reverse;align-items:center}.social-block{margin-bottom:10px}}
/*# sourceMappingURL=main.4302ed2f.chunk.css.map */