@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);button,input,input[type=submit],select,textarea{background-color:initial}*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:#0000;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:#0000;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}:root{--blackpure:#000;--black:#171718;--black-border:#26292d;--white:#fff;--purple:#099;--grey:#e3e2e2;--nav-bg:var(--black);--nav-border:var(--black-border);--nav-text:var(--white);--header-bg:var(--black);--header-text:var(--white);--footer-bg:var(--black);--footer-text:var(--white);--page-bg:var(--grey);--text-color:var(--black);--accent:var(--purple);--title-1:var(--accent);--project-card-bg:var(--white);--project-card-text:var(--black);--box-shadow:0px 5px 35px #00000040;--project-item:var(--black)}.dark{--page-bg:#252526;--text-color:var(--white);--title-1:var(--white);--project-item:var(--white);--project-card-bg:var(--black);--project-card-text:var(--white);--box-shadow:0px 5px 35px #000c}body,html{background-color:#e3e2e2;background-color:var(--page-bg);color:#171718;color:var(--text-color);display:flex;flex-direction:column;font-family:Jost,sans-serif!important;letter-spacing:-.5px}.container{margin:0 auto;max-width:1200px;padding:0 15px}.none{display:none!important}.section{min-height:88vh;padding:80px 0}.title-1{caret-color:#0000;color:#099;color:var(--title-1);font-size:60px;font-weight:700;line-height:1.3;margin-bottom:100px;margin-top:50px;text-align:center}.title-1 img{margin-right:10px;max-width:50px}.title-1__flex{align-items:center;display:flex;flex-direction:row;justify-content:center}.title-2{caret-color:#0000;color:#099;color:var(--accent);flex-direction:column;font-size:40px;font-weight:700;line-height:1.3;margin-bottom:20px}.title-2__skills{caret-color:#0000;font-size:25px!important;font-weight:500;padding:20px}.title-2__flex{align-items:center;display:flex;flex-direction:row}.title-2__flex-city{caret-color:#0000;margin-left:15px!important}.title-2 img{margin-right:10px}.title-2 img:last-child{margin-left:10px}.dark-mode-btn{background-color:#272727;border-radius:50px;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;width:51px}.dark-mode-btn:before{background-color:#fff;border-radius:50%;content:"";display:block;height:24px;left:1px;position:absolute;top:1px;transition:left .2s ease-in;width:24px}.dark-mode-btn--active:before{left:26px}.dark-mode-btn__icon{position:relative;z-index:9}.btn{background-color:#099;background-color:var(--accent);border-radius:5px;color:#fff;color:var(--white);display:inline-block;font-size:20px;font-weight:500;letter-spacing:.15px;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:15px 30px;transition:opacity .2s ease-in}.btn:hover{opacity:.8}.btn:active{position:relative;top:1px}.btn-outline{align-items:center;background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;column-gap:10px;display:flex;padding:12px 20px;transition:opacity .2s ease-in}.btn-outline:hover{opacity:.8}.btn-outline:active{position:relative;top:1px}.btn-back{font-size:14px}.projects{column-gap:30px;flex-wrap:wrap;row-gap:30px}.overlay,.projects{display:flex;justify-content:center}.overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#099c;border-radius:10px;flex-direction:column;height:100%;left:0;list-style:none;opacity:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100%;z-index:1}.overlay:hover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1}.overlay .more-btn,.overlay h3{opacity:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all .25s ease;-webkit-transition:all .25s ease}.overlay:hover .more-btn,.overlay:hover h3{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}.overlay:hover h3{transition-delay:.3s;-webkit-transition-delay:.3s}.overlay:hover .more-btn{transition-delay:.5s;-webkit-transition-delay:.5s}.more-btn{align-items:center;background-color:#0000;border:1px solid #fff;cursor:pointer;display:flex;justify-content:center;letter-spacing:1.2px;margin-top:20px;padding:8px 16px;position:relative}.more-btn:before{background-color:#fff;bottom:0;content:"";height:0;left:0;position:absolute;transition:all .4s;width:100%;z-index:-1}.more-btn:hover:before{height:100%;top:0}.more-btn span{color:#fff;line-height:1;transition:color .4s}.more-btn:hover span{color:#000}.project{background-color:#fff;background-color:var(--project-card-bg);border-radius:10px;box-shadow:0 5px 35px #00000040;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;max-width:370px;overflow:hidden;position:relative;transition:transform .2s}.project-link__sbcontainer{display:flex;justify-content:space-between;max-width:200px;width:100%}.project-link__ccontainer{display:flex;justify-content:center;max-width:200px;width:100%}.project-link__img{height:40px;width:40px}.project__img{border-radius:10px;width:100%}.project__description{font-size:25px;margin-bottom:20px}.project__description span{color:#099;color:var(--purple)}.project__title{color:#fff;color:var(--white);font-size:23px;font-weight:700;letter-spacing:2px;line-height:1.3;padding:15px 20px 40px 25px}.project-details{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:865px;text-align:center}.project-details__cover{border-radius:10px;box-shadow:0 5px 35px #00000040;box-shadow:var(--box-shadow);margin-bottom:20px;max-width:100%;transition:all .3s ease-in}.project-details__cover--isClick{transform:scale(1.5)}.project-details__desc{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:30px}.project__nav{padding:80px 0}.project__list{display:flex;justify-content:space-between;margin:0 auto;max-width:700px;width:100%}.project__item{border-bottom:5px solid #0000;color:#171718;color:var(--text-color);cursor:pointer;font-family:Jost,sans-serif;font-size:30px;font-weight:500;margin-bottom:20px;opacity:.7;padding:0 15px;position:relative;text-align:center}.project__item:hover{opacity:1}.project__item:before{background-color:#099;background-color:var(--purple);bottom:-5px;content:"";height:5px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.project__item.project__active{color:#171718;color:var(--text-color);opacity:1}.project__item.project__active:before{width:100%}.content-list{align-items:center;display:flex;flex-direction:column;font-family:Jost,sans-serif;margin:0 auto;max-width:700px;row-gap:20px;text-align:center;width:100%}.content-list__item li:last-child{margin-top:40px}.content-list a{color:inherit}.content-list img{border-radius:10px;box-shadow:0 5px 35px #00000040;box-shadow:var(--box-shadow);max-width:100%}.content-list li{font-size:22px;list-style-type:none;text-align:center}.content-list li span{font-weight:700}.contacts{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto;max-width:800px;row-gap:25px}.st0{font-family:FootlightMTLight}.st1{font-size:83.0285px}.st2{fill:gray}svg{height:700px;text-align:center;width:500px}path#XMLID_5_,svg{fill:#099;fill:var(--purple)}path#XMLID_5_{filter:url(#blurFilter4)}.circle,path#XMLID_11_,path#XMLID_2_{fill:#099;fill:var(--purple)}.circle{animation:out 2s ease-out infinite}#container{text-align:center}.message{color:#099;color:var(--purple);font-size:50px;margin-bottom:50px}.message:after{content:"]"}.message:before{content:"["}.message:after,.message:before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:opacity;animation-name:opacity;color:#099;color:var(--purple);font-size:50px;margin:0 50px}.home{margin-bottom:75px}.text-array{background-color:#099;background-color:var(--purple);border-radius:5px 20px 5px 20px;color:#fff;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 18px}.text-array:last-child{margin-bottom:0}@media(max-width:562px){.container-not-found{padding-top:50px}.message,.message:after,.message:before{font-size:25px}}@media(max-width:375px){.container-not-found{padding-top:200px}.message,.message:after,.message:before{font-size:16px}}@keyframes opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes out{0%{r:1;opacity:.9}25%{r:5;opacity:.3}50%{r:10;opacity:.2}75%{r:15;opacity:.1}to{r:20;opacity:0}}.lds-roller{display:inline-block;height:100px;margin:0 auto;position:relative;width:100px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:50px 50px}.lds-roller div:after{background:#099;background:var(--accent);border-radius:50%;content:" ";display:block;height:6px;margin:-4px 0 0 -4px;position:absolute;width:6px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:80px;top:80px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:74px;top:84px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:68px;top:87px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:61px;top:88px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:54px;top:87px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:48px;top:84px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:42px;top:80px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:37px;top:74px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:785px){.container-contacts{padding:50px 15px}.title-1{font-size:35px}.project__list{max-width:400px}.project__item{font-size:23px;padding:10px}.btn-back{margin-top:50px}}@media(max-width:590px){.contacts{justify-content:center}}@media(max-width:563px){.contacts{margin:60px 0}}@media(max-width:392px){.contacts{margin-top:100px}}@media(max-width:490px){.title-1{font-size:25px}.project__list{max-width:350px}.project__item{font-size:20px;padding:10px}.container-contacts{padding:80px 15px}.project__list{margin-top:20px}}@media(max-width:390px){.project__list{margin-top:70px}}.nav{background-color:var(--nav-bg);border-bottom:3px solid var(--purple);color:var(--nav-text);letter-spacing:normal;padding:20px 0;position:fixed;width:100%;z-index:100}.nav .nav-row{align-items:center;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:20px}.nav .nav-row span{caret-color:#0000;color:var(--accent);margin-left:5px}.nav .logo{align-items:center;color:var(--nav-text);display:flex;font-family:Jost,sans-serif;font-size:24px;margin-right:auto;transition:scale .3s ease-in-out}.nav .logo:hover{scale:1.05}.nav .logo strong{font-weight:700;margin-left:6px}.nav .burger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:30px;z-index:200}.nav .burger__line{background-color:var(--nav-text);height:3px;transition:transform .3s ease,opacity .3s ease;width:100%}.nav .burger.active .burger__line:first-child{transform:translateY(8px) rotate(45deg)}.nav .burger.active .burger__line:nth-child(2){opacity:0}.nav .burger.active .burger__line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav .nav-list{align-items:center;caret-color:#0000;column-gap:40px;display:flex;flex-wrap:wrap;font-family:Jost,sans-serif;font-size:20px;font-weight:500;row-gap:10px}.nav .nav-list__link{color:var(--nav-text);opacity:1;padding-bottom:5px;position:relative}.nav .nav-list__link:hover{color:var(--purple)}.nav .nav-list__link:before{background-color:var(--accent);bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.nav .nav-list__link--active:before{width:100%}@media(max-width:945px){.nav .nav-list{align-items:center;background-color:var(--nav-bg);border-top:1px solid var(--nav-border);display:none;flex-direction:column;padding:20px;position:absolute;right:0;top:100%;width:100%}.nav .nav-list.active{display:flex}}.nav .logo_code{filter:brightness(0) saturate(100%) invert(48%) sepia(40%) saturate(5448%) hue-rotate(151deg) brightness(89%) contrast(101%);height:24px;width:24px}@media(max-width:945px){.nav .nav-row{justify-content:space-between}.nav .logo{font-size:23px}.nav .nav-list{font-size:22px}.nav .burger{display:flex}.nav .dark-mode-item{margin-top:20px}}.sort{cursor:pointer;display:flex;position:relative}.sort img{height:20px;width:20px}.sort__label{align-items:center;display:flex}.span__label{color:var(--white)!important;font-weight:400}.sort__popup,.span__label{cursor:pointer;font-size:16px}.sort__popup{background:#272727;border-radius:10px;box-shadow:0 5px 15px #00000017;color:var(--white);left:-50%;margin-top:15px;position:absolute;top:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.sort__popup,.sort__popup ul{overflow:hidden}.sort__popup ul li{color:var(--white);cursor:pointer;display:flex;justify-content:center;padding:12px 40px}.sort__popup ul li:hover{color:var(--accent)}.sort__popup ul li img{margin-right:10px}.sort__popup ul li.active{background:#fe5f1e0d;font-weight:700}@media(max-width:620px){.sort__label span{font-size:18px}}@media(max-width:563px){.sort{order:2}.sort__popup{left:0}}@media(max-width:423px){.sort{order:0}}.footer{background-color:var(--footer-bg);border-top:3px solid var(--purple);color:var(--footer-text);margin-top:auto;padding:60px 0 50px}.footer__wrapper{align-items:center;display:flex;flex-direction:column;row-gap:27px}.footer .social{align-items:center;column-gap:30px;display:flex}.footer .copyright{caret-color:#0000;font-size:16px}.footer .copyright p+p{caret-color:#0000;margin-top:.5em}.header{align-items:center;animation:gradient 5s ease infinite;background:linear-gradient(90deg,#000,#333);background-size:400% 400%;border-bottom:3px solid var(--purple);color:var(--header-text);display:flex;justify-content:center;min-height:695px;padding:40px 0;text-align:center}.header__wrapper{display:flex;flex-direction:column;max-width:660px;padding:0 15px}.header__avatar{margin:0 auto;max-width:200px;object-fit:contain}.header__avatar img{border:2px solid var(--accent);border-radius:25%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header__title{caret-color:#0000;font-size:35px;font-weight:700;line-height:1.4;margin-bottom:20px}.header__title strong{font-size:48px;font-weight:700}.header__title em{font-style:normal}.header__title em a{color:var(--accent);cursor:pointer}.header__text{caret-color:#0000;font-size:18px;line-height:1.333;margin-bottom:40px}.header__text p+p{margin-top:.5em}.header .btn-download{align-items:center;display:flex;font-size:24px}.header .btn-download__img{filter:brightness(0) invert(1);height:35px;margin-right:10px;width:35px}@media(max-width:620px){.header__avatar{max-width:150px}}@media(max-width:850px){.header__wrapper{padding:100px 15px}}@media(max-width:430px){.header__wrapper{padding:200px 15px}}.contact-box{align-items:center;background-color:var(--project-card-bg);border:3px solid var(--purple);border-radius:30px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;justify-content:center;max-width:380px;padding:50px 60px;text-align:center;transition:transform .2s;width:100%}.contact-box .contact-label,.contact-box .contact-label-first{color:var(--text-color);cursor:pointer}.contact-box .contact-label-first:first-child,.contact-box .contact-label:first-child{cursor:default}.contact-img{height:50px;width:50px}.contact-titles{color:var(--purple);font-size:26px;font-weight:700;margin-top:20px}.contact-label,.contact-label-first{font-size:22px;font-weight:500;margin-top:30px}.contact-label:not(:first-child){animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{color:var(--purple);opacity:.8}}@media(max-width:870px){.contact-box{max-width:350px;padding:50px 30px}}@media(max-width:760px){.contact-box{max-width:320px;padding:50px 30px}}@media(max-width:680px){.contact-box{max-width:280px}}.default{cursor:default!important}.body{position:relative}.preloadingBlock_el{display:flex;flex-direction:row;height:150px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.preloadingBlock_el path{fill:var(--accent)}.preloadingBlock_el path:first-child{fill:#fff}.preloadingBlock_el svg{animation:rotate 6s steps(12) infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.6c9e6d54.css.map*/