*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}body{background-color:#dad3c3;overflow-x:hidden;transition:transform 0.25s;will-change:transform}html{box-sizing:border-box;scroll-behavior:smooth;font-size:62.5%}@media only screen and (min-width: 120em){html{font-size:75%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}::selection{background-color:#f5efe1;color:#000}.container{max-width:117rem;margin:0 auto;position:relative}@media only screen and (max-width: 64em){.container{max-width:100rem}}@media only screen and (max-width: 48em){.container{max-width:100%;margin:0 1.5rem}}li,a{text-decoration:none;list-style:none;color:#fff}:active,:hover,:focus{outline:0;outline-offset:0}.noScroll{overflow-y:hidden !important}.cursor{width:2rem;height:2rem;border:2.5px solid #888;border-radius:50%;position:absolute;top:-10rem;left:-10rem;pointer-events:none;transform:translate(-50%, -50%);transform-origin:100% 100%;transition:all 0.3s ease;transition-property:background, transform}@media only screen and (max-width: 64em){.cursor{opacity:0}}@keyframes blobs{0%{opacity:0;transform:scale(0) translate(calc(-330px - 50%), -50%)}1%{opacity:1}35%,65%{opacity:1;transform:scale(0.9) translate(-50%, -50%)}99%{opacity:1}100%{opacity:0;transform:scale(0) translate(calc(330px - 50%), -50%)}}@keyframes blob-grow{0%,39%{transform:scale(0) translate(-50%, -50%)}40%,42%{transform:scale(1, 0.9) translate(-50%, -50%)}43%,44%{transform:scale(1.2, 1.1) translate(-50%, -50%)}45%,46%{transform:scale(1.3, 1.2) translate(-50%, -50%)}47%,48%{transform:scale(1.4, 1.3) translate(-50%, -50%)}52%{transform:scale(1.5, 1.4) translate(-50%, -50%)}54%{transform:scale(1.7, 1.6) translate(-50%, -50%)}58%{transform:scale(1.8, 1.7) translate(-50%, -50%)}68%,70%{transform:scale(1.7, 1.5) translate(-50%, -50%)}78%{transform:scale(1.6, 1.4) translate(-50%, -50%)}80%,81%{transform:scale(1.5, 1.4) translate(-50%, -50%)}82%,83%{transform:scale(1.4, 1.3) translate(-50%, -50%)}84%,85%{transform:scale(1.3, 1.2) translate(-50%, -50%)}86%,87%{transform:scale(1.2, 1.1) translate(-50%, -50%)}90%,91%{transform:scale(1, 0.9) translate(-50%, -50%)}92%,100%{transform:scale(0) translate(-50%, -50%)}}.u-center-text{text-align:center;margin:5rem}.u-center{margin:0 auto;display:block}.u-flex{display:flex;justify-content:center}.u-margin-bottom-large{margin-bottom:20rem}.u-margin-bottom-big{margin-bottom:8rem}.u-margin-bottom-medium{margin-bottom:4rem}.u-margin-bottom-small{margin-bottom:1.5rem}.u-margin-top-large{margin-top:17rem}.u-margin-top-big{margin-top:15rem}.u-margin-top-medium-2{margin-top:13rem !important}.u-margin-top-medium{margin-top:10rem}.u-margin-top-small{margin-top:2rem}@font-face{font-family:"Monument Extended";src:url("/components/font/MonumentExtended/MonumentExtended-Regular.otf")}@font-face{font-family:"Monument Extended Bold";src:url("/components/font/MonumentExtended/MonumentExtended-Ultrabold.otf")}@font-face{font-family:"Univia Pro Black";src:url("/components/font/Univia Pro/UniviaPro-Black.otf")}@font-face{font-family:"Univia Pro Bold";src:url("/components/font/Univia Pro/UniviaPro-Bold.otf")}@font-face{font-family:"Univia Pro Book";src:url("/components/font/Univia Pro/UniviaPro-Book.otf")}@font-face{font-family:"Univia Pro Light";src:url("/components/font/Univia Pro/UniviaPro-Light.otf")}@font-face{font-family:"Univia Pro Medium";src:url("/components/font/Univia Pro/UniviaPro-Medium.otf")}@font-face{font-family:"Univia Pro";src:url("/components/font/Univia Pro/UniviaPro-Regular.otf")}@font-face{font-family:"Univia Pro Thin";src:url("/components/font/Univia Pro/UniviaPro-Thin.otf")}@font-face{font-family:"Univia Pro Ultra";src:url("/components/font/Univia Pro/UniviaPro-Ultra.otf")}@font-face{font-family:"Univia Pro UltraLight";src:url("/components/font/Univia Pro/UniviaPro-UltraLight.otf")}body{font-family:"Monument Extended", sans-serif}.heading-primary{color:#777;text-transform:uppercase;display:flex;flex-direction:column}.heading-primary--main{font-size:5rem;font-weight:800;letter-spacing:0rem;line-height:2rem;padding-top:3rem;margin-bottom:2rem}@media only screen and (max-width: 48em){.heading-primary--main{font-size:4.5rem}}@media only screen and (max-width: 37.5em){.heading-primary--main{font-size:4rem;margin-bottom:0rem}}@media only screen and (max-width: 26.56em){.heading-primary--main{font-size:3rem}}@media only screen and (max-width: 23.44em){.heading-primary--main{font-size:2.5rem}}@media only screen and (max-width: 20em){.heading-primary--main{font-size:2.2rem}}.heading-primary--sub{font-family:"Univia Pro Bold", sans-serif;font-size:2.5rem;font-weight:800;text-transform:uppercase}@media only screen and (max-width: 48em){.heading-primary--sub{font-size:2.3rem}}@media only screen and (max-width: 37.5em){.heading-primary--sub{font-size:2rem}}@media only screen and (max-width: 26.56em){.heading-primary--sub{font-size:1.8rem}}.heading-secondary{font-size:3.5rem;text-transform:uppercase;font-weight:800;display:inline-block;color:#777;letter-spacing:0.145em;line-height:4.2rem}@media only screen and (max-width: 48em){.heading-secondary{font-size:3rem}}@media only screen and (max-width: 26.56em){.heading-secondary{font-size:2.5rem}}.heading-3{font-family:"Univia Pro Bold";font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:0.2rem;line-height:3.8rem;color:#666}@media only screen and (max-width: 31.25em){.heading-3{font-size:2rem}}.heading-4{font-family:"Univia Pro Medium";font-size:2.5rem;font-weight:500;line-height:3.8rem;color:#555}@media only screen and (max-width: 48em){.heading-4{font-size:2.2rem}}.paragraph{font-size:1.6rem;font-family:"Univia Pro Light";color:#555;line-height:2.7rem}@media only screen and (max-width: 31.25em){.paragraph{font-size:1.4rem}}.btn,.btn:link,.btn:visited{background-color:#f5efe1;color:#888;font-size:1.5rem;font-family:"Monument Extended Bold";padding:1.4rem 1.8rem;border-radius:1.5rem;box-shadow:0 0.4rem 0.4rem rgba(0,0,0,0.25);display:inline-block;cursor:pointer;transition:all 0.5s ease-out}.btn:hover{transform:scale(1.09);background:radial-gradient(circle, #555, #2a2a2a);color:#fff}.btn:active{transform:scale(0.9)}.btn-secondary,.btn-secondary:link,.btn-secondary:visited{background-color:#f5efe1;color:#888;font-size:1.6rem;font-family:"Univia Pro Light";text-transform:uppercase;padding:0.9rem 1.5rem;border-radius:1.5rem;box-shadow:0 0.4rem 0.4rem rgba(0,0,0,0.25);cursor:pointer;display:inline-block;transition:all 0.3s}.btn-secondary:hover{transform:translateY(-10%);filter:brightness(90%);color:#666}.header{width:100%;height:100vh;position:relative}@media only screen and (min-width: 120em){.header{margin-top:8rem}}.navigation{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 50em){.navigation{margin:0 1rem}}.navigation .navigation-logo{align-items:center}.navigation .navigation-logo img{border-radius:50%;width:6rem;height:6rem;margin-right:1rem}.navigation .navigation-logo__text{font-size:1.2rem;color:#888;line-height:1.8rem}.navigation .navigation-logo__text--2{font-family:"Univia Pro";font-weight:400}.navigation__text{display:flex;flex-direction:column;text-align:center}@media only screen and (max-width: 64em){.navigation__text{display:none}}.navigation__hamburger-menu{width:6rem;height:6rem;cursor:pointer;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:5rem;z-index:1000;background-color:#f5efe1;border-radius:50%;padding:0 1rem}.navigation__hamburger-menu .line{width:4;height:0.35rem;text-align:center;background-color:#888;transition:transform 0.3s ease-in;border-radius:200rem}.navigation__hamburger-menu .line-1{height:0.3rem;width:70%;margin:0 auto}.navigation__hamburger-menu .change.line-1{width:50%;transform:translate(1rem, 1rem) rotate(35deg);transform-origin:right}.navigation__hamburger-menu .line-3{height:0.3rem;width:70%;margin:0 auto}.navigation .change.line-3{width:50%;transform:translate(1rem, -1rem) rotate(-35deg);transform-origin:right}.showcase{display:flex;align-items:center;justify-content:space-around;padding-top:7rem}.showcase__pre-text{display:none}@media only screen and (max-width: 64em){.showcase__pre-text{display:flex;flex-direction:column;text-align:center;font-family:"Monument Extended Bold";font-size:50rem;line-height:6rem}}.showcase__info{display:flex;flex-direction:column;justify-content:space-around}.showcase__info--top h4{margin-bottom:3rem}.showcase__info--top p{margin-bottom:4.5rem;line-height:2.4rem;width:68%}.showcase__info--bottom{justify-self:flex-end}.showcase__btn{margin-top:10rem;cursor:pointer;display:inline-block;transition:all 0.2s ease-in}.showcase__btn:hover{filter:brightness(90%);transform:scale(1.1)}.showcase__btn:active{transform:scale(0.9)}.showcase__picture{position:relative}.showcase__picture--top .mansur-photo{height:53rem;position:relative;padding-right:12rem}.showcase__picture--top .social-photo{position:relative}.showcase__picture--top .social-photo i{position:absolute;font-size:3.5rem;color:#737069;transition:scale 0.3s ease-in}.showcase__picture--top .social-photo i:hover{transform:scale(1.1)}.showcase__picture--top .social-photo i:active{transform:scale(0.9)}.showcase__picture--top .social-photo .fa-instagram{top:-44rem;left:8.5rem}.showcase__picture--top .social-photo .fa-instagram:hover{color:transparent;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);background:-webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);background-clip:text;-webkit-background-clip:text}.showcase__picture--top .social-photo .fa-github{top:-32rem;left:6.5rem}.showcase__picture--top .social-photo .fa-github:hover{color:#000}.showcase__picture--top .social-photo .fa-linkedin-in{top:-44rem;right:19rem}.showcase__picture--top .social-photo .fa-linkedin-in:hover{color:#2867b2}.showcase__picture--top .social-photo .fa-telegram{top:-32rem;right:17rem}.showcase__picture--top .social-photo .fa-telegram:hover{color:#0088cc}.showcase__picture--bottom{position:absolute;bottom:7rem;right:0rem}.showcase__picture--bottom .copyright{font-family:"Univia Pro Light";font-size:1rem;text-align:right;text-transform:uppercase;line-height:2.1rem;letter-spacing:0.05rem}@media only screen and (max-width: 50em){.showcase{margin:0 1rem}.showcase__info--top p{width:80%}}.nav-main__content{height:0;width:100%;position:absolute;top:-1.5rem;left:0;background-color:#f5efe1;z-index:100;display:flex;justify-content:space-around;align-items:center;overflow:hidden;transition:height 1s ease-in}@media only screen and (min-width: 120em){.nav-main__content{top:-8rem}}.nav-main__content .heading-4{color:#888;font-size:4rem;margin-bottom:4rem}.nav-main__content--box{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;min-height:25rem;opacity:0;visibility:hidden;transition:all 0.2s}.change .nav-main__content--box{opacity:1;visibility:visible;transition:all 1s 1s ease-in}.nav-main__content--box .social-links{display:flex;flex-direction:column;align-items:flex-start}.nav-main__content--box .social-links--box{display:flex;align-items:center;width:100%}.nav-main__content--box .social-links--box i{margin-right:4rem;font-size:3rem;color:#555}.nav-main__content--box .social-links--box .fa-telegram:hover{color:#0088cc}.nav-main__content--box .social-links--box .fa-facebook:hover{color:#3b5998}.nav-main__content--box .social-links--box .fa-instagram{top:-44rem;left:8.5rem}.nav-main__content--box .social-links--box .fa-instagram:hover{color:transparent;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);background:-webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);background-clip:text;-webkit-background-clip:text}.nav-main__content--box .social-links--box .fa-linkedin-in:hover{color:#2867b2}.nav-main__content--box .social-links--box .fa-discord:hover{color:#5865f2}.nav-main__content--box .social-links--box .fa-github:hover{color:#000}.nav-main__content--box .social-links--box:nth-child(2){margin-top:1rem}.nav-main__content--box .resume{font-size:4rem;text-decoration:none;color:#555;letter-spacing:-2px;margin-top:2rem;transition:letter-spacing 0.2s ease-in-out;display:block}.nav-main__content--box .list{align-items:flex-end}.nav-main__content--box .list__item{list-style:none}.nav-main__content--box .list__item:not(:last-child){margin-bottom:3.5rem}.nav-main__content--box .list__item a{text-transform:uppercase;font-size:3rem;text-decoration:none;color:#555;letter-spacing:-1px;transition:all 0.2s ease-in-out}.nav-main__content.change{height:100vh}.underline{position:relative}.underline::before{content:"";position:absolute;bottom:-0.5rem;right:0;width:0;height:0.3rem;background-color:#555;transition:width 0.6s cubic-bezier(0.25, 1, 0.5, 1)}@media (hover: hover) and (pointer: fine){.underline:hover::before{left:0;right:auto;width:100%}}.display .blobs{opacity:0;visibility:hidden}svg{display:none}.blobs{filter:url(#goo);z-index:3000;position:absolute;transition:all 0.5s;top:0;left:0;width:100%;height:100vh;background-color:#dad3c3;display:flex;justify-content:center;align-items:center;border-radius:10px;transform-style:preserve-3d}.blobs .blob-center{transform-style:preserve-3d;position:absolute;background:#888;opacity:0;visibility:hidden;top:50%;left:50%;width:30px;height:30px;transform-origin:left top;transform:scale(0.9) translate(-50%, -50%);animation:blob-grow linear 3.4s infinite;border-radius:50%;box-shadow:0 -10px 40px -5px #888}.blob{position:absolute;background:#888;top:50%;left:50%;width:30px;height:30px;border-radius:50%;animation:blobs ease-out 3.4s infinite;transform:scale(0.9) translate(-50%, -50%);transform-origin:center top;opacity:0}.blob:nth-child(1){animation-delay:.2s}.blob:nth-child(2){animation-delay:.4s}.blob:nth-child(3){animation-delay:.6s}.blob:nth-child(4){animation-delay:.8s}.blob:nth-child(5){animation-delay:1s}@media only screen and (max-width: 64em){.navigation{margin-top:1.5rem}}@media only screen and (max-width: 48em){.showcase__info--top h4{margin-bottom:2.5rem}.showcase__info--top p{margin-bottom:3.5rem;width:95%}.showcase__btn{margin-top:5rem}.showcase__picture--top .mansur-photo{height:45rem;padding-right:10rem}.showcase__picture--top .social-photo i{font-size:2.5rem}.showcase__picture--top .social-photo .fa-instagram{top:-37rem;left:7.8rem}.showcase__picture--top .social-photo .fa-github{top:-27rem;left:5.5rem}.showcase__picture--top .social-photo .fa-linkedin-in{top:-36rem;right:16rem}.showcase__picture--top .social-photo .fa-telegram{top:-26rem;right:13rem}}@media only screen and (max-width: 37.5em){.showcase{flex-direction:column}.showcase__info--top p{width:100%}.showcase__info--bottom{display:none}.showcase__btn{display:none}.showcase__picture{margin-top:3rem}.showcase__picture--top .mansur-photo{height:35rem;padding-right:0rem}.showcase__picture--top .social-photo .fa-instagram{top:-30rem;left:6.8rem}.showcase__picture--top .social-photo .fa-github{top:-22rem;left:4rem}.showcase__picture--top .social-photo .fa-linkedin-in{top:-29rem;right:4rem}.showcase__picture--top .social-photo .fa-telegram{top:-20rem;right:3rem}.showcase__picture--bottom{bottom:2rem;right:-10rem}.nav-main__content .heading-4{font-size:3rem;margin-bottom:3rem}.nav-main__content--box .social-links--box i{font-size:2.5rem}.nav-main__content--box .resume{font-size:3rem}.nav-main__content--box .list__item{list-style:none}.nav-main__content--box .list__item a{font-size:2.5rem}}@media only screen and (max-width: 26.56em){.nav-main__content{flex-direction:column;align-items:center;justify-content:center}.nav-main__content--box{width:100%;display:flex;align-items:center}.nav-main__content--box:first-child{margin-top:-10rem}.nav-main__content--box h4{margin-top:10rem;display:flex;justify-content:center;align-items:center;font-size:3.8rem !important}.navigation__hamburger-menu{width:5rem;height:5rem;margin-left:0rem}.navigation__hamburger-menu .line{height:0.3rem}.navigation__hamburger-menu .line-1,.navigation__hamburger-menu .line-3{height:0.25rem}.showcase__picture{margin-top:5rem}.showcase__picture--bottom{bottom:0rem;right:-6rem}}@media only screen and (max-width: 23.44em){.showcase__picture--bottom{bottom:0rem;right:-5rem}.showcase__picture--bottom .copyright{font-size:0.9rem}}.projects{width:100%;height:85vh;position:relative;text-align:center}.projects a.btn-secondary{cursor:pointer}.project{display:flex;align-items:center;justify-content:space-around}.project__item{width:20rem;height:20rem;border-radius:50%;background-color:#f5efe1;transition:background-color 0.7s}.project__item:hover{background-color:#e8e1d2}.project__item img{max-width:120%;text-align:center;display:block;opacity:1}.project .active{width:30rem;height:30rem;transform:translateY(-4rem)}.project .active img{width:50rem;text-align:center}@media only screen and (min-width: 120em){.projects{margin-top:15rem;margin-bottom:5rem}}@media only screen and (max-width: 64em){.projects{margin-top:10rem}}@media only screen and (max-width: 56.25em){.projects{margin-top:0rem}}@media only screen and (max-width: 37.5em){.projects{margin-bottom:5rem}.projects h2{font-size:2rem}.project{flex-direction:column;margin-top:5rem}.project__item{width:30rem;height:30rem}.project__item:not(:last-child){margin-bottom:4rem}.project .active{transform:translateY(0rem)}}@media only screen and (max-width: 26.56em){.project__item{width:25rem;height:25rem}.project .active{width:25rem;height:25rem}}.skills{width:100%;height:100vh;position:relative;text-align:center}.skills a{color:inherit}.skills__filter{margin-top:5.5rem;display:flex;text-align:center;justify-content:center;margin-bottom:85px}.skills__filter .btn-secondary:not(:last-child){margin-right:30px}.skills__filter .active{filter:brightness(90%);color:#666;transform:translateY(-10%)}.skills__content{display:none}.skills__content--active{display:block}.skills-tablet{display:none}.html,.css,.js,.npm,.api,.node,.figma,.ps,.canva,.ru,.uz,.en{filter:url("#shadowed-goo")}.html-item,.html-open-button,.css-item,.css-open-button,.js-item,.js-open-button,.npm-item,.npm-open-button,.api-item,.api-open-button,.node-item,.node-open-button,.ps-item,.ps-open-button,.canva-item,.canva-open-button,.figma-item,.figma-open-button,.en-item,.en-open-button,.ru-item,.ru-open-button,.uz-item,.uz-open-button{background:#f5efe1;border-radius:100%;position:absolute;color:#555;text-align:center;line-height:80px;transform:translate3d(0, 0, 0);transition:transform ease-out 200ms}.html-item,.css-item,.js-item,.npm-item,.node-item,.api-item,.ps-item,.canva-item,.figma-item,.ru-item,.en-item,.uz-item{width:100px;height:100px;display:flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase}.html-item,.npm-item,.figma-item,.en-item{margin-left:-50px}.css-item,.js-item,.node-item,.api-item,.canva-item,.ps-item,.ru-item,.uz-item{margin-left:50px}.html-open,.css-open,.js-open,.npm-open,.api-open,.node-open,.ps-open,.canva-open,.figma-open,.en-open,.uz-open,.ru-open{display:none}.skill__img{width:125px;margin-top:40px}.npm .skill__img{margin-top:80px}.figma .skill__img{width:80px}.ps .skill__img{width:100px;margin-top:5rem}.ru .skill__img{border:1px solid rgba(0,0,0,0.25);border-radius:50%}.js__img{border-radius:10px}.html,.css,.js,.npm,.node,.api,.ps,.en,.uz,.ru,.canva,.figma{position:absolute;left:50%;padding-top:20px;padding-left:190px;width:380px;height:250px;box-sizing:border-box;font-size:10px;text-align:left;color:#555}.html i,.css i,.js i,.npm i,.node i,.api i,.ps i,.en i,.uz i,.ru i,.canva i,.figma i{line-height:1.2rem;font-family:"Univia Pro Light";width:95%}.css,.js,.node,.api,.ru,.uz,.canva,.ps{margin-top:350px}.html,.npm,.en,.figma{margin-left:-175px}.css,.node,.ru,.ps{margin-left:-560px}.js,.api,.uz,.canva{margin-left:10px}.html-item:nth-child(3),.css-item:nth-child(3),.js-item:nth-child(3),.npm-item:nth-child(3),.node-item:nth-child(3),.api-item:nth-child(3),.ps-item:nth-child(3),.canva-item:nth-child(3),.figma-item:nth-child(3),.uz-item:nth-child(3),.ru-item:nth-child(3),.en-item:nth-child(3){transition-duration:70ms}.html-item:nth-child(4),.css-item:nth-child(4),.js-item:nth-child(4) .npm-item:nth-child(4),.node-item:nth-child(4),.api-item:nth-child(4),.ps-item:nth-child(4),.canva-item:nth-child(4),.figma-item:nth-child(4),.uz-item:nth-child(4),.ru-item:nth-child(4),.en-item:nth-child(4){transition-duration:130ms}.html-item:nth-child(5),.css-item:nth-child(5),.js-item:nth-child(5),.npm-item:nth-child(5),.node-item:nth-child(5),.api-item:nth-child(5),.ps-item:nth-child(5),.canva-item:nth-child(5),.figma-item:nth-child(5),.uz-item:nth-child(5),.ru-item:nth-child(5),.en-item:nth-child(5){transition-duration:190ms}.html-item:nth-child(6),.css-item:nth-child(6),.js-item:nth-child(6),.npm-item:nth-child(6),.node-item:nth-child(6),.api-item:nth-child(6),.ps-item:nth-child(6),.canva-item:nth-child(6),.figma-item:nth-child(6),.uz-item:nth-child(6),.ru-item:nth-child(6),.en-item:nth-child(6){transition-duration:250ms}.html-item:nth-child(7),.css-item:nth-child(7),.js-item:nth-child(7),.npm-item:nth-child(7),.node-item:nth-child(7),.api-item:nth-child(7),.ps-item:nth-child(7),.canva-item:nth-child(7),.figma-item:nth-child(7),.uz-item:nth-child(7),.ru-item:nth-child(7),.en-item:nth-child(7){transition-duration:310ms}.html-open-button,.css-open-button,.js-open-button,.npm-open-button,.node-open-button,.api-open-button,.figma-open-button,.ps-open-button,.canva-open-button,.en-open-button,.ru-open-button,.uz-open-button{z-index:2;transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-duration:400ms;transform:translate3d(0, 0, 0);cursor:pointer;width:200px;height:200px}.html-open-button,.npm-open-button,.figma-open-button,.en-open-button{margin-left:-100px}.html-open-button:hover,.css-open-button:hover,.js-open-button:hover,.npm-open-button:hover,.node-open-button:hover,.api-open-button:hover,.ps-open-button:hover,.canva-open-button:hover,.figma-open-button:hover,.en-open-button:hover,.ru-open-button:hover,.uz-open-button:hover{transform:scale(1.1, 1.1) translate3d(0, 0, 0)}.html-open:checked+.html-open-button,.css-open:checked+.css-open-button,.js-open:checked+.js-open-button,.npm-open:checked+.npm-open-button,.node-open:checked+.node-open-button,.api-open:checked+.api-open-button,.figma-open:checked+.figma-open-button,.ps-open:checked+.ps-open-button,.canva-open:checked+.canva-open-button,.en-open:checked+.en-open-button,.ru-open:checked+.ru-open-button,.uz-open:checked+.uz-open-button{transition-timing-function:linear;transition-duration:200ms;transform:scale(0.8, 0.8) translate3d(0, 0, 0)}.html-open:checked ~ .html-item,.css-open:checked ~ .css-item,.js-open:checked ~ .js-item,.npm-open:checked ~ .npm-item,.node-open:checked ~ .node-item,.api-open:checked ~ .api-item,.figma-open:checked ~ .figma-item,.ps-open:checked ~ .ps-item,.canva-open:checked ~ .js-item,.en-open:checked ~ .en-item,.ru-open:checked ~ .ru-item,.uz-open:checked ~ .uz-item{transition-timing-function:cubic-bezier(0.935, 0, 0.34, 1.33)}.html-open:checked ~ .html-item:nth-child(3),.css-open:checked ~ .css-item:nth-child(3),.js-open:checked ~ .js-item:nth-child(3),.npm-open:checked ~ .npm-item:nth-child(3),.node-open:checked ~ .node-item:nth-child(3),.api-open:checked ~ .api-item:nth-child(3),.figma-open:checked ~ .figma-item:nth-child(3),.canva-open:checked ~ .canva-item:nth-child(3),.ps-open:checked ~ .ps-item:nth-child(3),.en-open:checked ~ .en-item:nth-child(3),.ru-open:checked ~ .ru-item:nth-child(3),.uz-open:checked ~ .uz-item:nth-child(3){transition-duration:160ms}.html-open:checked ~ .html-item:nth-child(4),.css-open:checked ~ .css-item:nth-child(4),.js-open:checked ~ .js-item:nth-child(4),.npm-open:checked ~ .npm-item:nth-child(4),.node-open:checked ~ .node-item:nth-child(4),.api-open:checked ~ .api-item:nth-child(4),.figma-open:checked ~ .figma-item:nth-child(4),.canva-open:checked ~ .canva-item:nth-child(4),.ps-open:checked ~ .ps-item:nth-child(4),.en-open:checked ~ .en-item:nth-child(4),.ru-open:checked ~ .ru-item:nth-child(4),.uz-open:checked ~ .uz-item:nth-child(4){transition-duration:240ms}.html-open:checked ~ .html-item:nth-child(5),.css-open:checked ~ .css-item:nth-child(5),.js-open:checked ~ .js-item:nth-child(5),.npm-open:checked ~ .npm-item:nth-child(5),.node-open:checked ~ .node-item:nth-child(5),.api-open:checked ~ .api-item:nth-child(5),.figma-open:checked ~ .figma-item:nth-child(5),.canva-open:checked ~ .canva-item:nth-child(5),.ps-open:checked ~ .ps-item:nth-child(5),.en-open:checked ~ .en-item:nth-child(5),.ru-open:checked ~ .ru-item:nth-child(5),.uz-open:checked ~ .uz-item:nth-child(5){transition-duration:320ms}.html-open:checked ~ .html-item:nth-child(6),.css-open:checked ~ .css-item:nth-child(6),.js-open:checked ~ .js-item:nth-child(6),.npm-open:checked ~ .npm-item:nth-child(6),.node-open:checked ~ .node-item:nth-child(6),.api-open:checked ~ .api-item:nth-child(6),.figma-open:checked ~ .figma-item:nth-child(6),.canva-open:checked ~ .canva-item:nth-child(6),.ps-open:checked ~ .ps-item:nth-child(6),.en-open:checked ~ .en-item:nth-child(6),.ru-open:checked ~ .ru-item:nth-child(6),.uz-open:checked ~ .uz-item:nth-child(6){transition-duration:400ms}.html-open:checked ~ .html-item:nth-child(7),.css-open:checked ~ .css-item:nth-child(7),.js-open:checked ~ .js-item:nth-child(7),.npm-open:checked ~ .npm-item:nth-child(7),.node-open:checked ~ .node-item:nth-child(7),.api-open:checked ~ .api-item:nth-child(7),.figma-open:checked ~ .figma-item:nth-child(7),.canva-open:checked ~ .canva-item:nth-child(7),.ps-open:checked ~ .ps-item:nth-child(7),.en-open:checked ~ .en-item:nth-child(7),.ru-open:checked ~ .ru-item:nth-child(7),.uz-open:checked ~ .uz-item:nth-child(7){transition-duration:480ms}.html-open:checked ~ .html-item:nth-child(3),.npm-open:checked ~ .npm-item:nth-child(3),.figma-open:checked ~ .figma-item:nth-child(3),.en-open:checked ~ .en-item:nth-child(3){transform:translate3d(198px, 11px, 0)}.html-open:checked ~ .html-item:nth-child(4),.npm-open:checked ~ .npm-item:nth-child(4),.figma-open:checked ~ .figma-item:nth-child(4),.en-open:checked ~ .en-item:nth-child(4){transform:translate3d(158px, 155px, 0)}.html-open:checked ~ .html-item:nth-child(5),.npm-open:checked ~ .npm-item:nth-child(5),.figma-open:checked ~ .figma-item:nth-child(5),.en-open:checked ~ .en-item:nth-child(5){transform:translate3d(2px, 225px, 0)}.html-open:checked ~ .html-item:nth-child(6),.npm-open:checked ~ .npm-item:nth-child(6),.figma-open:checked ~ .figma-item:nth-child(6),.en-open:checked ~ .en-item:nth-child(6){transform:translate3d(-161px, 155px, 0)}.html-open:checked ~ .html-item:nth-child(7),.npm-open:checked ~ .npm-item:nth-child(7),.figma-open:checked ~ .figma-item:nth-child(7),.en-open:checked ~ .en-item:nth-child(7){transform:translate3d(-194px, 11px, 0)}.css-open:checked ~ .css-item:nth-child(3),.node-open:checked ~ .node-item:nth-child(3),.ps-open:checked ~ .ps-item:nth-child(3),.ru-open:checked ~ .ru-item:nth-child(3){transform:translate3d(20px, -119px, 0)}.css-open:checked ~ .css-item:nth-child(4),.node-open:checked ~ .node-item:nth-child(4),.ps-open:checked ~ .ps-item:nth-child(4),.ru-open:checked ~ .ru-item:nth-child(4){transform:translate3d(124px, -58px, 0)}.css-open:checked ~ .css-item:nth-child(5),.node-open:checked ~ .node-item:nth-child(5),.ps-open:checked ~ .ps-item:nth-child(5),.ru-open:checked ~ .ru-item:nth-child(5){transform:translate3d(170px, 52px, 0)}.css-open:checked ~ .css-item:nth-child(6),.node-open:checked ~ .node-item:nth-child(6),.ps-open:checked ~ .ps-item:nth-child(6),.ru-open:checked ~ .ru-item:nth-child(6){transform:translate3d(124px, 162px, 0)}.css-open:checked ~ .css-item:nth-child(7),.node-open:checked ~ .node-item:nth-child(7),.ps-open:checked ~ .ps-item:nth-child(7),.ru-open:checked ~ .ru-item:nth-child(7){transform:translate3d(20px, 220px, 0)}.js-open:checked ~ .js-item:nth-child(3),.api-open:checked ~ .api-item:nth-child(3),.canva-open:checked ~ .canva-item:nth-child(3),.uz-open:checked ~ .uz-item:nth-child(3){transform:translate3d(-20px, -119px, 0)}.js-open:checked ~ .js-item:nth-child(4),.api-open:checked ~ .api-item:nth-child(4),.canva-open:checked ~ .canva-item:nth-child(4),.uz-open:checked ~ .uz-item:nth-child(4){transform:translate3d(-130px, -58px, 0)}.js-open:checked ~ .js-item:nth-child(5),.api-open:checked ~ .api-item:nth-child(5),.canva-open:checked ~ .canva-item:nth-child(5),.uz-open:checked ~ .uz-item:nth-child(5){transform:translate3d(-174px, 52px, 0)}.js-open:checked ~ .js-item:nth-child(6),.api-open:checked ~ .api-item:nth-child(6),.canva-open:checked ~ .canva-item:nth-child(6),.uz-open:checked ~ .uz-item:nth-child(6){transform:translate3d(-125px, 162px, 0)}.js-open:checked ~ .js-item:nth-child(7),.api-open:checked ~ .api-item:nth-child(7),.canva-open:checked ~ .canva-item:nth-child(7),.uz-open:checked ~ .uz-item:nth-child(7){transform:translate3d(-20px, 220px, 0)}@media only screen and (max-width: 56.25em){.js,.api,.uz,.canva{margin-left:-20px}}@media only screen and (max-width: 48em){.skills-desktop{display:none}.skills__content--tablet{display:none}.skills__content--tablet--active{display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-tablet{display:flex;flex-direction:column;justify-content:center;align-items:center}.box-tablet{width:70rem;height:20rem;display:flex;flex-basis:1;align-items:center;justify-content:space-between;background-color:#f5efe1;box-shadow:0px 0px 4px rgba(0,0,0,0.25);border-radius:15rem}.box-tablet:not(:last-child){margin-bottom:5rem}.box-tablet .npm-tablet{margin-top:8rem}.box-tablet__icon{box-shadow:4px 0px 4px rgba(0,0,0,0.25);width:20rem;height:20rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.box-tablet__icon img{width:12rem;height:12rem}.box-tablet__text{width:65%}.box-tablet__text ul{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.box-tablet__text ul li{color:#000;text-align:left;font-family:"Univia Pro Light";font-size:1.4rem;line-height:3rem;letter-spacing:1.4px;text-transform:uppercase}.box-tablet__text ul li:not(:last-child){margin-right:3.5rem}}@media only screen and (max-width: 37.5em){.skills{margin-top:40rem}.box-tablet{max-width:60rem;height:18rem}.box-tablet .npm-tablet{margin-top:7rem}.box-tablet__icon{width:18rem;height:18rem}.box-tablet__icon img{width:10rem;height:10rem}.box-tablet__text ul li{font-size:1.3rem}}@media only screen and (max-width: 31.25em){.skills__filter{display:flex;justify-content:center;align-content:center;flex-direction:column;margin:13rem auto;width:14rem;height:3rem}.skills__filter .btn-secondary:not(:last-child){margin-right:0px;margin-bottom:1rem}.skills__filter .active{filter:brightness(90%);color:#666;transform:translateY(-10%)}.box-tablet{width:26.5rem;height:50rem;flex-direction:column;justify-content:flex-start;box-shadow:0px 4px 4px rgba(0,0,0,0.25)}.box-tablet:not(:last-child){margin-bottom:4rem}.box-tablet .npm-tablet{margin-top:10rem}.box-tablet__icon{box-shadow:0px 4px 4px rgba(0,0,0,0.25);width:25rem;height:25rem;border-radius:50%}.box-tablet__icon img{width:15rem;height:15rem}.box-tablet__text{width:100%;margin-top:3rem}.box-tablet__text ul{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;flex-wrap:nowrap}.box-tablet__text ul li:not(:last-child){margin-right:0rem}}.team{width:100%;height:80vh;position:relative;text-align:center;align-items:center}.team-member{display:none;opacity:0}.team-member--active{display:flex;opacity:1}.team-member__current{width:90%}.team-member__current img{box-shadow:0.1rem 1rem 1.5rem #f5efe1;border-radius:50%;width:37rem;height:37rem;margin-right:5rem}.team-member__text{display:flex;flex-direction:column;max-width:50rem;height:100%;align-self:start}.team-member__text h3{display:flex;justify-content:flex-start;text-align:left;margin:3.5rem 0}.team-member__text p{text-align:left}.team-member__btns{margin-top:4.2rem;display:flex;justify-content:flex-start;align-items:center}.team-member__btns a:first-child{margin-right:2rem}.team-member__others{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:10rem}.team-member__others img{box-shadow:0rem 0rem 1.5rem #f5efe1;border-radius:50%;width:10rem;height:10rem;cursor:pointer}.team-member__others img:not(:last-child){margin-bottom:5rem}.team-member__others img.active{width:8rem;height:8rem;filter:brightness(50%);box-shadow:none;transition:all 0.5s}.slider{display:flex}@media only screen and (max-width: 50em){.team-member--active{margin:15rem 0 0 2rem}.team-member__others{margin:14rem 2rem 0 0}}@media only screen and (min-width: 120em){.team{margin-top:2rem !important}}@media only screen and (max-width: 48em){.team-member{margin-top:5rem !important}.team-member--active{margin-left:0}.team-member__current{width:100%}.team-member__current img{width:30rem;height:30rem;margin-right:3rem}.team-member__others{flex-direction:row;margin:5rem 0 0 0}.team-member__others img:not(:last-child){margin-bottom:0rem;margin-right:3rem}.slider{display:flex;flex-direction:column}}@media only screen and (max-width: 37.5em){.team-member__current{flex-direction:column;width:100%}.team-member__current img{width:25rem;height:25rem;margin:0 auto}.team-member__text{max-width:100%}.team-member__text h3{justify-content:center;text-align:center}.team-member__text p{text-align:center}.team-member__btns{justify-content:center}.team-member__others{flex-direction:row;margin-top:5rem}.team-member__others img{width:8rem;height:8rem}.team-member__others img:not(:last-child){margin-bottom:0rem;margin-right:3rem}}@media only screen and (max-width: 31.25em){.team{margin-top:105rem}}.contacts{width:100%;position:relative;text-align:center;overflow:hidden;padding-bottom:20rem}.cta{display:flex;flex-direction:column;margin-top:12rem;align-items:center}.cta__1,.cta__2,.cta__3{display:flex;background-color:#f5efe1;border-radius:50%;text-align:center;align-items:center}.cta__1 input[type="text"],.cta__1 input[type="email"],.cta__2 input[type="text"],.cta__2 input[type="email"],.cta__3 input[type="text"],.cta__3 input[type="email"]{border:none;background-color:#dad3c3;border-radius:1.5rem;padding:1rem 1rem;box-shadow:0px 3px 4px rgba(0,0,0,0.25);font-family:"Univia Pro Light"}.cta__1 input[type="text"]::placeholder,.cta__1 input[type="email"]::placeholder,.cta__2 input[type="text"]::placeholder,.cta__2 input[type="email"]::placeholder,.cta__3 input[type="text"]::placeholder,.cta__3 input[type="email"]::placeholder{color:#555}.cta__1 input[type="text"]:-ms-input-placeholder,.cta__1 input[type="email"]:-ms-input-placeholder,.cta__2 input[type="text"]:-ms-input-placeholder,.cta__2 input[type="email"]:-ms-input-placeholder,.cta__3 input[type="text"]:-ms-input-placeholder,.cta__3 input[type="email"]:-ms-input-placeholder{color:#555}.cta__1 input[type="text"]::-ms-input-placeholder,.cta__1 input[type="email"]::-ms-input-placeholder,.cta__2 input[type="text"]::-ms-input-placeholder,.cta__2 input[type="email"]::-ms-input-placeholder,.cta__3 input[type="text"]::-ms-input-placeholder,.cta__3 input[type="email"]::-ms-input-placeholder{color:#555}.cta__1 input[type="email"],.cta__2 input[type="email"],.cta__3 input[type="email"]{width:27.5rem}.cta__1 input[type="text"],.cta__2 input[type="text"],.cta__3 input[type="text"]{width:19.2rem}.cta__1{width:25rem;height:25rem;margin-left:30rem}.cta__2{width:35rem;height:35rem;margin-right:45rem;margin-top:-8rem}.cta__3{width:50rem;height:50rem;margin-left:45rem;margin-top:-8rem;display:flex;flex-direction:column;justify-content:flex-start}.cta__3 textarea{border:none;background-color:#dad3c3;border-radius:1.5rem;padding:1rem 1rem;box-shadow:0px 4px 4px rgba(0,0,0,0.25);width:38.5rem;height:20rem;margin:17rem 0 3.2rem 0;font-family:"Univia Pro Light";resize:none}.cta__3 button{background-color:#dad3c3;border:none;box-shadow:0px 4px 4px rgba(0,0,0,0.25);padding:0.9rem 1.7rem;display:flex;align-self:center;justify-self:center;border-radius:1.5rem;cursor:pointer}.cta__3 button img{width:3.2rem;height:3.2rem}.go-top{position:absolute;right:0;bottom:-12rem;cursor:pointer;transition:transform 0.5s}.go-top:hover{transform:translateY(-2%);filter:brightness(85%)}.socials{position:absolute;left:-20rem;bottom:-25rem;background-color:#f5efe1;border-radius:50%;width:70rem;height:70rem}.socials__icons{position:relative;display:inline-block}.socials .fab{color:#737069;font-size:3rem;margin-right:8.1rem;display:inline-block;transition:transform 0.2s}.socials .fab:hover{transform:translateY(-10%);filter:brightness(85%);box-shadow:0px 4px 4px rgba(0,0,0,0.25)}.socials .fab:active{transform:translateY(5%)}.socials .fa-github{width:100%;display:inline-block;position:absolute;top:11.5rem;left:-5rem}.socials .fa-instagram{width:100%;position:absolute;top:22rem;left:-5rem}.socials .fa-telegram{width:100%;position:absolute;top:22rem;left:7rem}.socials .fa-discord{width:100%;position:absolute;top:32.7rem;left:-5rem}.socials .fa-linkedin-in{width:100%;position:absolute;top:32.7rem;left:7rem}.socials .fa-facebook{width:100%;position:absolute;top:32.7rem;left:19rem}.submit-btn{display:none}.go-top-phone{display:none}.socials-phone{display:none}.socials__icons-phone{display:none}@media only screen and (max-width: 50em){.contacts{padding-bottom:32rem}.socials{bottom:-25rem}.go-top{bottom:-25rem;right:4rem}}@media only screen and (min-width: 120em){.contacts{margin-top:4rem}}@media only screen and (max-width: 48em){.cta{margin-top:8rem}.cta__1 input[type="email"],.cta__2 input[type="email"],.cta__3 input[type="email"]{width:22.5rem}.cta__1 input[type="text"],.cta__2 input[type="text"],.cta__3 input[type="text"]{width:14.2rem}.cta__1{width:20rem;height:20rem}.cta__2{width:30rem;height:30rem;margin-right:40rem}.cta__3{width:40rem;height:40rem;margin-left:32rem}.cta__3 textarea{width:28.5rem;height:10rem;margin:15rem 0 3.2rem 0}.socials{bottom:-23rem;width:60rem;height:60rem}.socials .fa-github{top:7.5rem;left:-5rem}.socials .fa-instagram{top:18rem;left:-5rem}.socials .fa-telegram{top:18rem;left:7rem}.socials .fa-discord{top:28.7rem;left:-5rem}.socials .fa-linkedin-in{top:28.7rem;left:7rem}.socials .fa-facebook{top:28.7rem;left:19rem}.go-top{bottom:-28rem;right:2rem}}@media only screen and (max-width: 37.5em){.contacts{padding-bottom:15rem !important}.cta__2{margin-right:30rem;margin-top:0rem}.cta__3{margin-left:20rem;margin-top:0rem;margin-bottom:20rem}.cta__3 textarea{margin:14rem 0 3.2rem 0}.socials{left:-25rem;bottom:-33rem;width:70rem;height:70rem}.go-top{bottom:-11rem}}@media only screen and (max-width: 31.25em){.contacts{margin-top:10rem !important;padding-bottom:0rem !important}.cta{margin-top:4rem;display:block;text-align:right;position:relative}.cta__1 input[type="email"],.cta__2 input[type="email"],.cta__3 input[type="email"]{width:40rem;height:5rem;margin-right:30rem;position:absolute}.cta__1 input[type="text"],.cta__2 input[type="text"],.cta__3 input[type="text"]{width:40rem;height:5rem;position:absolute;margin-left:35rem}.cta__1{width:15rem;height:15rem;margin:0rem}.cta__2{width:20rem;height:20rem;margin-right:0rem;margin-left:auto}.cta__3{width:25rem;height:25rem;margin-left:0rem;margin-right:0;margin-top:0rem;margin-bottom:0;display:flex;align-items:center;justify-content:center}.cta__3 textarea{position:absolute;width:40rem;height:10rem;margin:0rem 0 0rem 0;font-family:"Univia Pro Light";resize:none;margin-left:25rem}.cta__3 button{display:none}.go-top{display:none}.socials-phone{display:flex;align-items:center;justify-content:center}.socials-phone .fab{font-size:4rem;display:inline-block;color:#737069;padding:2rem 0}.socials__icons-phone{display:flex;flex-direction:column;align-items:center;justify-content:center}.socials__icons-phone div a:not(:last-child){margin-right:9rem}.socials{display:none}.submit-btn{background-color:#dad3c3;border:none;box-shadow:0px 4px 4px rgba(0,0,0,0.25);padding:0.9rem 1.7rem;display:flex;align-self:center;justify-self:center;border-radius:1.5rem;cursor:pointer;margin:5rem auto 7rem auto}.submit-btn img{width:3.2rem;height:3.2rem}.go-top-phone{display:block;margin:10rem auto;cursor:pointer;transition:transform 0.5s}.go-top-phone:hover{transform:translateY(-2%);filter:brightness(85%)}}@media only screen and (max-width: 26.56em){.socials-phone .fab{font-size:3.5rem}}@media only screen and (max-width: 23.44em){.cta__1 input[type="email"],.cta__2 input[type="email"],.cta__3 input[type="email"]{width:30rem;margin-right:20rem;padding-left:1.5rem}.cta__1 input[type="text"],.cta__2 input[type="text"],.cta__3 input[type="text"]{width:30rem;padding-left:1.5rem;margin-left:25rem}.cta__3 textarea{width:30rem;margin-left:16rem;padding:1.5rem}}@media only screen and (max-width: 20em){.cta__1 input[type="email"],.cta__2 input[type="email"],.cta__3 input[type="email"]{width:30rem;margin-right:10rem}.cta__1 input[type="text"],.cta__2 input[type="text"],.cta__3 input[type="text"]{width:30rem;margin-left:15rem}.cta__3 textarea{width:30rem;margin-left:5rem}}