@charset "UTF-8";*{padding:0;margin:0;border:0}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}@font-face{font-family:Inter;font-display:swap;src:url(../fonts/Inter-Black.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:KoHo;font-display:swap;src:url(../fonts/KoHo-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Nunito300;font-display:swap;src:url(../fonts/Nunito-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Nunito600;font-display:swap;src:url(../fonts/Nunito-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Nunito900;font-display:swap;src:url(../fonts/Nunito-Black.woff2) format("woff2");font-weight:900;font-style:normal}@-webkit-keyframes showText{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}@keyframes showText{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}@-webkit-keyframes rainbow{0%{background-position:0 0}100%{background-position:133% 0}}@keyframes rainbow{0%{background-position:0 0}100%{background-position:133% 0}}@-webkit-keyframes showHeader{0%{top:-60px}100%{top:0}}@keyframes showHeader{0%{top:-60px}100%{top:0}}:focus{outline:rgba(157,26,255,.363) 2px solid}* ._en,* ._ru{display:none;transform:scaleY(0)}* ._lang_show{display:inline-block;-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:.2s;animation-duration:.2s;opacity:1;transform:scaleY(1)}* ._lang_hide{display:inline-block;transition:.2s;transform:scaleY(0);opacity:0}* ._disappear{display:none}html{font-size:1rem}.header{position:fixed;top:0;left:0;height:100%;width:50%}.header .language{z-index:4;position:absolute;top:min(35px,1.5vw);left:min(35px,1.5vw);padding:5px;border-radius:5px;background-color:#fff;color:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .language button{font-family:Nunito600;font-size:min(min(1.5rem,2.5vw),40px);background-color:rgba(0,0,0,0);color:#000}.header .language ._active{text-transform:uppercase;font-family:Nunito900;color:#9d1aff}.header .language__slash{font-family:Nunito900;font-size:min(min(1.5rem,2.5vw),40px)}.header__wrapper{position:relative;height:100%;width:100%;min-width:624px;background-color:#fff}.header__container{z-index:1;position:absolute;top:50%;left:50%;max-width:600px;transform:translate(-50%,-50%)}.header__head{display:none}.header__title{z-index:3;margin-bottom:10px;font-family:Nunito900;font-size:min(2.4vw,2.5rem);line-height:min(2.4vw,2.5rem);text-transform:uppercase}.header__title_name{overflow:hidden;position:relative;display:inline;margin:0;padding:0;font-family:Nunito900;font-size:1em;line-height:1em;text-transform:uppercase;background:#9d1aff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;fill:transparent}.header__title_name:hover{background:linear-gradient(90deg,#9d1aff 0,#9d1aff 46%,#fb07d9 52%,red 58%,#ff9a00 64%,#d0de21 70%,#4fdc4a 76%,#3fdad8 82%,#1c7fee 88%,#5f15f2 94%,#9d1aff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;fill:transparent;-webkit-animation:rainbow 3s linear infinite;animation:rainbow 3s linear infinite;background-size:400% 100%}.header__title span{white-space:nowrap}.header__subtitle{font-family:Nunito300;font-size:min(2vw,2rem);line-height:min(2vw,2rem);color:#545454}.header__socials{display:flex;flex-direction:row;align-items:flex-start;width:min(360px,20vw);height:min(50px,2.6vw);gap:min(30px,1.5vw);margin:min(40px,2vw) 0}.header__socials_item{flex:min(50px,2.6vw);height:100%;flex-grow:0;flex-shrink:0;transition:.1s}.header__socials_item a{display:block;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__socials_item:hover{transform:scale(1.1)}.header__socials_item:active,.header__socials_item:focus-within{transition:.1s;transform:scale(.9)}.header__socials li:nth-child(1){background:url(../img/icons/linkedin.svg) top left/100% 100% no-repeat}.header__socials li:nth-child(2){background:url(../img/icons/github.svg) top left/100% 100% no-repeat}.header__socials li:nth-child(3){background:url(../img/icons/gmail.svg) top left/100% 100% no-repeat}.header__socials li:nth-child(4){background:url(../img/icons/telegram.svg) top left/100% 100% no-repeat}.header__socials li:nth-child(5){background:url(../img/icons/whatsapp.svg) top left/100% 100% no-repeat}.header__resume{overflow:hidden;position:relative;display:inline-block;padding:16px min(32px,2.4vw);background:#9d1aff;border-radius:10px;transition:.1s;font-family:Nunito600;font-size:min(min(1.6vw,1.25rem),42px);letter-spacing:.03rem;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__resume:active,.header__resume:focus{transition:.1s;transform:scale(.95)}.header__resume:after{content:"";position:absolute;top:-50px;left:-75px;height:155px;opacity:.2;background:#fff;transform:rotate(35deg);transition:all 550ms cubic-bezier(.19,1,.22,1);width:50px;z-index:-10}.header__resume:focus:after,.header__resume:hover:after{z-index:99;left:120%;transition:all 550ms cubic-bezier(.19,1,.22,1)}.header .info{position:absolute;bottom:0;left:0;display:flex;align-items:flex-end;height:100%;width:100%}.header .info__blur{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(157,26,255,.4)}.header .info__wrapper{z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:55px min(30px,1.5vw);gap:min(50px,3.5vw);background-color:#fff}.header .info__img{overflow:hidden;display:flex;justify-content:center;align-items:center;height:100%;width:auto;border-radius:10px}.header .info__photo{height:auto;width:100%;max-height:100%;border-radius:10px}.header .info__container{max-width:min(440px,45%)}.header .info__title{margin-bottom:15px;font-family:Nunito900;font-size:min(min(1.875vw,2.25rem),40px);line-height:min(min(1.875vw,2.25rem),40px);text-transform:uppercase}.header .info__about{font-family:Nunito300;font-size:min(min(1.4vw,1.5rem),36px);line-height:min(min(1.4vw,1.5rem),36px);color:#676767}.header .info__about :nth-child(1)::before{content:"🦁"}.header .info__about :nth-child(2)::before{content:"🌍"}.header .info__about :nth-child(3)::before{content:"🎮"}.header .info__about :nth-child(4)::before{content:"🏆"}.header .info p{position:relative;margin-bottom:min(15px,.5vw)}.header .info p:before{position:absolute;top:1px;left:max(-35px,-2vw)}.header ._show{z-index:3}.header ._show .info__blur{opacity:1;transition:.3s}.header ._show .info__wrapper{transition:.3s;transform:translateY(0)}.header ._hide{z-index:-1;transition-delay:.3s;transition-property:z-index}.header ._hide .info__blur{opacity:0;transition:.3s}.header ._hide .info__wrapper{transition:.3s;transform:translateY(100%)}.header__mini{display:none}.main{display:flex;flex-direction:row;height:100%;width:100%}.main__header{flex:1 1 50%;background-color:#fff}.main__wrapper{flex:0 1 50%;min-width:960px}.example{overflow:hidden;position:relative;background-color:#ffd61a;min-height:300px}.example__title{z-index:1;position:absolute;display:flex;align-items:center;gap:min(20px,2.5vw);padding:min(40px,2vw);top:0;left:0}.example__title span{display:inline-block;text-transform:uppercase;font-family:Nunito900;font-size:min(2.5rem,3vw);color:#9d1aff}.example__subtitle{font-family:Nunito300;font-size:min(2rem,2vw);color:#000}.example__img{display:block;height:calc(100% - 200px);max-height:800px;width:auto;max-width:100%;padding:100px 50px;margin:0 auto}.example__show{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.example .view{z-index:2;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:auto;max-height:calc(100% - 50px);background-color:#fff;box-shadow:2px 0 10px #000;transition:.2s;transform:translateY(-120%)}.example .view__container{display:flex;flex-direction:row;justify-content:space-between;gap:4vw;width:100%;height:auto;max-height:calc(100% - 50px);padding:min(120px,5.2vw) min(40px,2vw);transform:translateY(0);opacity:0}.example .view__text{flex:1 1 auto}.example .view__info{margin-bottom:10px;font-family:Nunito300;font-size:min(2rem,1.25vw);line-height:min(2.5rem,2vw);color:#545454}.example .view__tag{display:inline-block;padding:min(10px,.5vw) min(20px,1vw);margin:0 12px 12px 0;background:#d8a3ff;border-radius:10px;font-family:KoHo;font-weight:700;font-size:min(1.5rem,1vw);color:#545454;-webkit-user-select:none;-moz-user-select:none;user-select:none}.example .view__links{display:flex;flex-direction:column;justify-content:center;gap:10px;flex:1 0 10vw}.example .view__link{display:block;width:100%;padding:min(16px,.8vw) 0;border-radius:10px;font-family:Nunito600;font-size:min(2rem,1.25vw);text-align:center}.example .view__link_site{background:#9d1aff;color:#fff}.example .view__link_github{background-color:#fff;border:#9d1aff 2px solid;color:#9d1aff}.example .view__link:hover{transform:scale(1.03)}.example .view__link:focus{transition:.1s;transform:scale(.95)}.example .view:focus-within{transform:translate(0,0)}.example .view:focus-within .view__container{opacity:1}.example__show._active+.view{transition:.3s;transform:translate(0,0)}.example__show._active+.view .view__container{transition:.3s;transition-delay:.3s;opacity:1}.example__show._active+.view+.example__title{z-index:3}.skills{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:min(500px,30vw);padding:100px 10px;background-color:#c8c8c8}.skills__title{position:absolute;top:0;left:0;padding:40px;font-family:Inter;font-size:min(2.5rem,3vw);text-transform:uppercase;color:#fff}.skills__name{display:inline-block;margin-right:auto;font-family:KoHo;font-weight:700;font-size:min(9.375rem,12.5vw);line-height:min(6.25rem,7.5vw);text-transform:uppercase;color:#939393;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skills__name:hover{color:#666}.skills .skill{position:absolute;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-self:start;gap:20px;height:100%;width:100%;padding:40px;background-color:#1e1e1e;box-shadow:2px 0 10px #000}.skills .skill__switch{z-index:2;position:absolute;display:none;top:0;left:0;width:100%;height:100%;opacity:0}.skills .skill__about{height:auto;flex:50%;font-family:Nunito600;font-size:min(1.6vw,2rem);line-height:min(1.6vw,2rem);color:#d4d4d4}.skills .skill__title{margin-bottom:24px}.skills .skill__title span{font-family:Inter}.skills .skill__subtitle{margin-bottom:10px}.skills .skill__advantages p{position:relative;margin-left:30px}.skills .skill__advantages p::before{content:"•";position:absolute;top:0;left:-25px}.skills .skill__img{flex:50%;height:100%}.skills .html .skill__title span{color:#569cd6}.skills .html .skill__advantages{color:#ce723b}.no-webp .skills .html .skill__img{background:url(../img/html_code.jpg) left top/100% auto no-repeat}.skills .css .skill__title span{color:#d7ab4c}.skills .css .skill__advantages{color:#b5c078}.no-webp .skills .css .skill__img{background:url(../img/css_code.jpg) left top/auto auto no-repeat}.skills .js .skill__title span{color:#c586c0}.skills .js .skill__advantages{color:#569cd6}.no-webp .skills .js .skill__img{background:url(../img/js_code.jpg) left top/100% auto no-repeat}.skills ._hide+.skill{transition:.3s;transform:translateX(110%)}.skills ._show+.skill{transition:.3s;transform:translateX(0)}.skills ._show+.skill .skill__switch{display:block}.skills ._show+.skill:hover{transition:.3s;transform:translateX(40px)}.skills h3:nth-of-type(2n-1){margin-right:0;margin-left:auto}.programs{overflow:hidden;position:relative;min-height:300px;padding:150px 10px 100px 10px;background-color:#c8c8c8}.programs__title{position:absolute;top:0;left:0;padding:40px;font-family:Inter;font-size:min(2.5rem,3vw);text-transform:uppercase;color:#fff}.programs__list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:calc(15.6vw + 160px);min-width:460px;margin:0 auto;gap:80px}.programs__list li:nth-child(1){background:url(../img/icons/vstudio.svg) center/100% 100% no-repeat}.programs__list li:nth-child(2){background:url(../img/icons/photoshop.svg) center/100% 100% no-repeat}.programs__list li:nth-child(3){background:url(../img/icons/figma.svg) center/100% 100% no-repeat}.programs__list li:nth-child(4){background:url(../img/icons/office.svg) center/100% 100% no-repeat}.programs__list li:nth-child(5){background:url(../img/icons/gulp.svg) center/100% 100% no-repeat}.programs__list li:nth-child(6){background:url(../img/icons/sass.svg) center/100% 100% no-repeat}.programs__item{height:max(5.2vw,100px);flex-basis:max(5.2vw,100px)}@media (max-width:1920px){.header{width:calc(100% - 960px);min-width:40%}.header__wrapper{min-width:auto}}@media (max-width:1600px){.main__header{flex:40%}.main__wrapper{flex:60%;min-width:auto}}@media (max-width:1000px){.header{z-index:3;position:static;width:100%;height:auto;transition:.2s}.header__wrapper{position:static}.header__container{position:static;width:100%;height:auto;max-width:min(440px,65vw);margin:0 auto;padding:max(50px,22vh) 0;transform:translate(0,0)}.header .language button{font-size:min(min(1.5rem,4.375vw),30px)}.header .language__slash{font-size:min(min(1.5rem,4.375vw),30px)}.header__title{font-size:min(min(6.25vw,6vh),2rem);line-height:min(min(6.25vw,6vh),2rem)}.header__subtitle{font-size:min(min(4.7vw,5vh),1.25rem);line-height:min(min(4.7vw,5vh),1.25rem)}.header__socials{width:100%;height:calc(25px + 25 * ((100vw - 320px)/ 680));gap:calc(20px + 20 * ((100vw - 320px)/ 680));margin:18px 0}.header__socials_item{flex:calc(25px + 25 * ((100vw - 320px)/ 680));flex-grow:0;flex-shrink:0}.header__resume{padding:min(16px,2.5vw) min(32px,6.25vw);font-size:min(4.7vw,1.25rem)}.header .info{top:0;height:100vh}.header .info__wrapper{width:100%;padding:min(55px,min(3.125vh,9vw)) 30px;padding-bottom:50px;gap:0}.header .info__photo{display:none}.header .info__container{overflow-y:scroll;flex-basis:auto;max-width:100%;width:calc(min(440px,65vw) + 2 * min(30px,7vw));height:100%;padding-left:min(30px,7vw);scrollbar-width:none}.header .info__container::-webkit-scrollbar{display:none}.header .info__title{font-size:min(min(6.25vw,6vh),2rem);line-height:min(min(6.25vw,6vh),2rem)}.header .info__about{font-size:min(min(4.7vw,5vh),1.25rem);line-height:min(min(4.7vw,5vh),1.25rem)}.header .info p{margin-bottom:min(15px,1.6vw)}.header .info p:before{left:max(-30px,-7vw)}.header__mini{position:fixed;display:flex;z-index:10;top:-100px;width:100%;background-color:#9d1aff}.header__mini .header__socials{display:flex;flex-direction:row;justify-content:center;align-items:center}.header__mini .header__socials_item{filter:invert(100%)}.header__mini .header__socials_name{font-size:0}.header__mini .header__title_name{font-size:min(6.25vw,2rem);background-color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:none;animation:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__mini .header__title_name:hover{background:linear-gradient(90deg,#fff 0,#fff 60%,red 65%,#fb07d9 70%,#ff9a00 75%,#4fdc4a 80%,#3fdad8 85%,#1c7fee 90%,#5f15f2 95%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:rainbow 3s linear infinite;animation:rainbow 3s linear infinite;background-size:400% 100%}.header__mini .header__title_name:active{transition:.1s;transform:scale(.9)}.header__mini .header__socials_name>._lang_hide{width:0}.header .header__mini._show{z-index:5;transition:.4s;transform:translateY(100px);transition-delay:.1s}.header .header__mini._hide{z-index:5;transition:.1s;transform:translateY(0)}.header .header__mini._disappear{display:none}.example{min-height:max(70vh,400px);transition:.6s}.example__title{z-index:2;gap:min(20px,2.5vw);padding:min(30px,3.125vw)}.example__title span{font-size:min(6.25vw,2rem)}.example__subtitle{z-index:2;font-size:min(4.7vw,1.25rem);font-family:Nunito600}.example__img{position:absolute;top:50%;left:50%;height:auto;width:auto;padding:0;max-height:75%;max-width:90vw;transform:translate(-50%,-50%)}.example .view{z-index:2;max-height:calc(100% - 50px)}.example .view__container{flex-direction:column;gap:min(16px,6.25vw);padding:min(100px,15.625vw) min(40px,5vw)}.example .view__text{flex:1 1 auto}.example .view__info{margin-bottom:10px;font-size:min(1.5rem,4.375vw);line-height:min(1.5rem,4.375vw)}.example .view__tag{padding:min(10px,1.25vw) min(20px,5vw);margin:0 4px 4px 0;font-size:min(1rem,3.75vw)}.example .view__links{flex-direction:row;align-items:center;gap:2.5vw;flex:1 0 auto}.example .view__link{display:block;width:35vw;padding:min(16px,2.5vw) 0;border-radius:10px;font-size:min(1.25rem,4.7vw)}.example .view__link_site{background:#9d1aff;color:#fff}.example .view__link_github{background-color:#fff;border:#9d1aff 2px solid;color:#9d1aff}.example .view__link:focus{transition:.1s;transform:scale(.95)}.skills{min-height:min(600px,60vw);padding:min(75px,15.625vw) 5px}.skills__title{padding:min(40px,5vw);font-size:min(6.25vw,2rem)}.skills__name{font-size:min(200px,25vw);line-height:min(175px,22.5vw)}.skills .skill{flex-direction:column;gap:20px;padding:40px}.skills .skill__about{height:auto;flex:50%;font-size:min(4.7vw,2rem);line-height:min(4.7vw,2rem)}.no-webp .skills .skill__img{background:url(../img/code.jpg) left top/100% auto no-repeat}.skills .skill__img{flex:50%}.skills ._show+.skill:hover{transform:translateX(4vw)}.skills h3:nth-of-type(n){margin-right:0;margin-left:auto}.main__header{flex:0}.main__wrapper{flex:100%;min-width:auto;width:100%}.main :first-child .view__container{border-top:2px #c8c8c8 solid}._freeze{overflow:hidden}.freeze .header{position:fixed;top:0}.programs{overflow:hidden;position:relative;min-height:100px;padding:20vw 10px 10vw 10px;background-color:#c8c8c8}.programs__title{padding:min(40px,5vw);font-size:min(6.25vw,2rem)}.programs__list{width:52.5vw;gap:5vw;min-width:0}.programs__item{height:12.5vw;flex-basis:12.5vw}}@media (max-width:1000px) and (max-width:500px){.skills .skill__img{display:none}.skills .skill{display:block}.skills .skill__about{height:auto;margin-top:50%;transform:translateY(-50%)}}@media (max-width:1000px) and (orientation:portrait){.programs__list{width:calc(48vw + 80px);min-width:calc(48vw + 80px)}.programs__item{height:24vw;flex-basis:24vw;max-width:175px;max-height:175px}}.webp .skills .html .skill__img{background:url(../img/html_code.webp) left top/100% auto no-repeat}.webp .skills .css .skill__img{background:url(../img/css_code.webp) left top/auto auto no-repeat}.webp .skills .js .skill__img{background:url(../img/js_code.webp) left top/100% auto no-repeat}@media (max-width:1000px){.webp .skills .skill__img{background:url(../img/code.webp) left top/100% auto no-repeat}}