@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);@import url(https://fonts.cdnfonts.com/css/dejavu-sans-mono);.rodal,.rodal-mask{height:100%;left:0;top:0;width:100%;z-index:100}.rodal{position:fixed}.rodal-mask{background:rgba(0,0,0,.3);position:absolute}.rodal-dialog{background:#fff;border-radius:3px;bottom:0;box-shadow:0 1px 3px rgba(0,0,0,.2);left:0;margin:auto;padding:15px;position:absolute;right:0;top:0;z-index:101}.rodal-dialog:focus{outline:none}.rodal-close{cursor:pointer;height:16px;position:absolute;right:16px;top:16px;width:16px}.rodal-close:after,.rodal-close:before{background:#999;border-radius:100%;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transition:background .2s;width:100%}.rodal-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rodal-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rodal-close:hover:after,.rodal-close:hover:before{background:#333}@-webkit-keyframes rodal-fade-enter{0%{opacity:0}}@keyframes rodal-fade-enter{0%{opacity:0}}.rodal-fade-enter{-webkit-animation:rodal-fade-enter ease-in both;animation:rodal-fade-enter ease-in both}@-webkit-keyframes rodal-fade-leave{to{opacity:0}}@keyframes rodal-fade-leave{to{opacity:0}}.rodal-fade-leave{-webkit-animation:rodal-fade-leave ease-out both;animation:rodal-fade-leave ease-out both}@-webkit-keyframes rodal-zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes rodal-zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.rodal-zoom-enter{-webkit-animation:rodal-zoom-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-zoom-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes rodal-zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.rodal-zoom-leave{-webkit-animation:rodal-zoom-leave both;animation:rodal-zoom-leave both}@-webkit-keyframes rodal-slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@keyframes rodal-slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}.rodal-slideDown-enter{-webkit-animation:rodal-slideDown-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideDown-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideDown-leave{to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@keyframes rodal-slideDown-leave{to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}.rodal-slideDown-leave{-webkit-animation:rodal-slideDown-leave both;animation:rodal-slideDown-leave both}@-webkit-keyframes rodal-slideLeft-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@keyframes rodal-slideLeft-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}.rodal-slideLeft-enter{-webkit-animation:rodal-slideLeft-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideLeft-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideLeft-leave{to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@keyframes rodal-slideLeft-leave{to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}.rodal-slideLeft-leave{-webkit-animation:rodal-slideLeft-leave both;animation:rodal-slideLeft-leave both}@-webkit-keyframes rodal-slideRight-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@keyframes rodal-slideRight-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}.rodal-slideRight-enter{-webkit-animation:rodal-slideRight-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideRight-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideRight-leave{to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@keyframes rodal-slideRight-leave{to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}.rodal-slideRight-leave{-webkit-animation:rodal-slideRight-leave both;animation:rodal-slideRight-leave both}@-webkit-keyframes rodal-slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@keyframes rodal-slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}.rodal-slideUp-enter{-webkit-animation:rodal-slideUp-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-slideUp-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-slideUp-leave{to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@keyframes rodal-slideUp-leave{to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}.rodal-slideUp-leave{-webkit-animation:rodal-slideUp-leave both;animation:rodal-slideUp-leave both}@-webkit-keyframes rodal-flip-enter{0%{-webkit-transform:perspective(400px) rotateX(60deg);transform:perspective(400px) rotateX(60deg)}70%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes rodal-flip-enter{0%{-webkit-transform:perspective(400px) rotateX(60deg);transform:perspective(400px) rotateX(60deg)}70%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.rodal-flip-enter{-webkit-animation:rodal-flip-enter ease-in both;animation:rodal-flip-enter ease-in both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes rodal-flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px) rotateX(45deg);transform:perspective(400px) rotateX(45deg)}}@keyframes rodal-flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px) rotateX(45deg);transform:perspective(400px) rotateX(45deg)}}.rodal-flip-leave{-webkit-animation:rodal-flip-leave both;animation:rodal-flip-leave both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes rodal-rotate-enter{0%{-webkit-transform:rotate(-180deg) scale3d(.3,.3,.3);transform:rotate(-180deg) scale3d(.3,.3,.3)}}@keyframes rodal-rotate-enter{0%{-webkit-transform:rotate(-180deg) scale3d(.3,.3,.3);transform:rotate(-180deg) scale3d(.3,.3,.3)}}.rodal-rotate-enter{-webkit-animation:rodal-rotate-enter both;animation:rodal-rotate-enter both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rodal-rotate-leave{to{-webkit-transform:rotate(180deg) scale3d(.3,.3,.3);transform:rotate(180deg) scale3d(.3,.3,.3)}}@keyframes rodal-rotate-leave{to{-webkit-transform:rotate(180deg) scale3d(.3,.3,.3);transform:rotate(180deg) scale3d(.3,.3,.3)}}.rodal-rotate-leave{-webkit-animation:rodal-rotate-leave both;animation:rodal-rotate-leave both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rodal-door-enter{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes rodal-door-enter{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}}.rodal-door-enter{-webkit-animation:rodal-door-enter cubic-bezier(.4,0,0,1.5) both;animation:rodal-door-enter cubic-bezier(.4,0,0,1.5) both}@-webkit-keyframes rodal-door-leave{60%{-webkit-transform:scaleX(.01);transform:scaleX(.01)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}@keyframes rodal-door-leave{60%{-webkit-transform:scaleX(.01);transform:scaleX(.01)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}.rodal-door-leave{-webkit-animation:rodal-door-leave both;animation:rodal-door-leave both}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#10101e;color:#fff6ff;font-family:Space Grotesk,sans-serif;font-weight:400}#root{overflow:hidden}::-webkit-scrollbar{width:.4em}::-webkit-scrollbar-thumb{background:#333047;border-radius:10em}::-webkit-scrollbar-track{background:transparent}.d-flex{display:flex}.flex-column{flex-direction:column}.rounded-circle{border-radius:50%}.text-center{text-align:center}.mt-3{margin-top:5%}.gap-3{gap:10px}.justify-center{justify-content:center}#navbar ul a{align-items:center;display:flex;gap:5px}::selection{background:rgba(66,62,92,.671);text-shadow:0 0 10px #000}img::selection{background:transparent}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(16,16,30,.651);height:80px;position:fixed;width:100%;z-index:99}header .container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1360px;padding:0 10px}header .container .logo{align-items:center;cursor:pointer;display:flex;gap:10px;text-decoration:none}header .container .logo img{height:40px}header .container .logo img::selection{background:none}header .container .logo h3{color:#fff;font-size:32px;transition:.3s}header .container .logo h3::selection{background:none}header .container .list{align-items:center;display:flex;gap:30px}header .container .list ul{display:flex;gap:30px;list-style:none}header .container .list ul a{color:#fff6ff;cursor:pointer;font-size:17px;position:relative;text-decoration:none}header .container .list ul a:before{background:#423e5c;border-radius:0 1em 1em 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;transition:.2s;width:0}header .container .list ul a:hover:before{width:98%}header .container .list .menu{color:#5a547c;cursor:pointer;display:none;font-size:30px}header .container .list .lang{display:flex;flex-direction:column;height:28px;position:relative}header .container .list .lang img{cursor:pointer;width:32px}header .container .list .lang .badge{align-items:center;background:#5a547c;border-radius:0 1em 0 1em;color:#10101e;cursor:pointer;display:flex;font-weight:700;gap:5px;height:28px;padding:0 15px;transition:.3s}header .container .list .lang .badge span::selection{background:transparent}header .container .list .lang .badge svg{margin-top:1px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.3s}header .container .list .lang .badge:active{-webkit-transform:scale(.95);transform:scale(.95)}header .container .list .lang ul{align-items:center;background:#5a547c;border-radius:1em 0 1em 0;color:#10101e;display:flex;flex-direction:column;font-weight:700;gap:0;height:0;justify-content:space-between;overflow:hidden;position:absolute;top:40px;transition:.2s;visibility:hidden;width:100%}header .container .list .lang ul li{cursor:pointer}header .container .list .lang ul li:first-child{padding-top:10px}header .container .list .lang ul li:nth-child(2){padding:0 5px}header .container .list .lang ul li:nth-child(3){padding-bottom:10px}header .container .list .lang ul.active{height:112px;visibility:visible}main{display:flex;flex-direction:column;margin:0 auto;max-width:1360px}main,main .section{height:100%;width:100%}main .section{scroll-behavior:smooth}main #home{align-items:center;background-image:url(/static/media/bg.9c29a6ffb1e082e06846.svg);background-position:center 20px;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:space-between;padding:220px 10px 70px;position:relative;width:100%}main #home .title{display:flex;flex-direction:column;gap:62px;width:55%}main #home .title::selection{background:transparent}main #home .title h1{color:#fff6ff;font-size:82px;font-style:normal;font-weight:700;letter-spacing:-1.639px;line-height:85.621px;position:relative;text-shadow:0 4px 4px rgba(0,0,0,.25)}main #home .title h1 .mern{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#423e5c -100%,#fff 40%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 4px rgba(0,0,0,.4)}main #home .title h1 .mern::selection{background:transparent}main #home .title h1 .mern span::selection{background:transparent}main #home .title h1 .mern #m{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff -50%,rgba(71,255,102,.125) 40%);-webkit-background-clip:text;background-clip:text;color:transparent}main #home .title h1 .mern #e{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff -50%,rgba(255,84,72,.125) 40%);-webkit-background-clip:text;background-clip:text;color:transparent}main #home .title h1 .mern #r{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff -50%,rgba(113,170,255,.125) 40%);-webkit-background-clip:text;background-clip:text;color:transparent}main #home .title h1 .mern #n{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff -50%,rgba(80,255,80,.125) 40%);-webkit-background-clip:text;background-clip:text;color:transparent}main #home .title h1 span.and{color:#333047}main #home .title h1 span.and::selection{background:transparent}main #home .title h1 #knot{left:375px;position:absolute;top:55px;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:120px}main #home .title h1 #balllight{opacity:.8;width:18px}main #home .title h1 .dev{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#423e5c -100%,#fff 40%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;text-shadow:0 4px 4px rgba(0,0,0,.4);z-index:1}main #home .title h1 .dev::selection{background:transparent}main #home .title h1::selection{background:transparent}main #home .title .links{align-items:center;display:flex;gap:30px}main #home .title .links a{all:unset;background:#5a547c;border-radius:.8em;cursor:pointer;font-size:24px;height:68px;text-align:center;transition:.3s}main #home .title .links a:active{-webkit-transform:scale(.95);transform:scale(.95)}main #home .title .links a span{line-height:68px;padding:0 30px;white-space:nowrap}main #home .title .links .dot{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}main #home .title .links .dot img{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:28px}main #home .title .links p{color:#fff6ff;font-size:26px;font-style:normal;font-weight:500;letter-spacing:-.641px;line-height:33.7px;white-space:nowrap}main #home .image{border-radius:2em 5em 0 5em;display:flex;flex-direction:column;gap:14px;height:470px;overflow:hidden;position:relative;width:600px}main #home .image img{bottom:0;left:0;position:absolute;-webkit-transform:scale(1.1);transform:scale(1.1);width:100%;z-index:9}main #home .image .top{align-items:center;display:flex;gap:14px;height:53%;width:100%}main #home .image .top .rectangle1{background:#5a547c;border-radius:10em;height:100%;opacity:.7;width:18%}main #home .image .top .rectangle2{background:#423e5c;border-radius:0 5em 0 5em;height:100%;opacity:.5;width:82%}main #home .image .rectangle3{background:#333047;border-radius:0 5em 0 5em;height:47%;opacity:.4;width:100%}main #home #cube{position:absolute;right:-400px;top:-132px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:400px;z-index:-100}main #home #torus{left:-290px;position:absolute;top:80vh;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:350px;z-index:-100}main .section-two{display:flex;justify-content:space-between;padding:170px 10px 70px;width:100%}main .section-two .about{position:relative;width:50%}main .section-two .about .blur{left:0;position:absolute;top:-70px;z-index:-100}main .section-two .about .blur2{position:absolute;right:-320px;top:350px;z-index:-100}main .section-two .about p{color:#707186;font-size:16px;font-weight:700;letter-spacing:-.401px;line-height:20px;text-shadow:0 0 5px #000}main .section-two .about h1{font-size:43px;font-weight:300;letter-spacing:-1.073px;line-height:54px;margin-bottom:29px}main .section-two .about h1 span{font-weight:500}main .section-two .about h2{color:#707186;font-size:22px;font-weight:400;line-height:33px}main .section-two .skills{position:relative;width:50%}main .section-two .skills h1::selection,main .section-two .skills img::selection,main .section-two .skills p::selection{background:transparent}main .section-two .skills img{-webkit-transform:scale(1.1);transform:scale(1.1)}main .section-two .skills .light{position:absolute;right:-150px;top:-380px;z-index:-100}main .section-two .skills .branch{position:absolute;right:-120px;top:-20px;z-index:-100}main .section-two .skills .diosamule{position:absolute;right:-110px;top:10px}main .section-two .skills .skillbg{position:absolute;right:10px;top:100px}main .section-two .skills .mouse{position:absolute;right:360px;top:60px}main .section-two .skills h1{color:#707186;font-size:27px;font-weight:500;letter-spacing:-.677px;line-height:40.625px;position:absolute;right:215px;text-shadow:0 4px 4px rgba(0,0,0,.25);top:110px}main .section-two .skills .skill{height:41px;width:41px}main .section-two .skills .skill.mongo{position:absolute;right:310px;top:170px;-webkit-transform:scale(1.35);transform:scale(1.35)}main .section-two .skills .skill.express{position:absolute;right:247px;top:170px;-webkit-transform:scale(1.24);transform:scale(1.24)}main .section-two .skills .skill.react{position:absolute;right:187px;top:170px;-webkit-transform:scale(1.1);transform:scale(1.1)}main .section-two .skills .skill.node{position:absolute;right:130px;top:170px;-webkit-transform:scale(1.05);transform:scale(1.05)}main .section-two .skills .skillname{font-size:10px;font-weight:500;width:41px}main .section-two .skills .skillname.mongo{color:#6aa341;position:absolute;right:312px;top:215px}main .section-two .skills .skillname.express{color:#d17770;position:absolute;right:251.5px;top:215px}main .section-two .skills .skillname.react{color:#61dbfb;position:absolute;right:187px;top:215px}main .section-two .skills .skillname.node{color:#529e42;position:absolute;right:129px;top:215px}main .section-three{display:flex;flex-direction:column;gap:50px;justify-content:space-between;margin-bottom:100px;margin-top:40px;padding:0 10px;width:100%}main .section-three .education{display:flex;flex-direction:column;gap:30px;width:100%}main .section-three .education p{color:#707186;font-size:16px;font-weight:700;letter-spacing:-.401px;line-height:20px}main .section-three .education .wrapper{display:flex;flex-wrap:wrap;row-gap:30px}main .section-three .education .wrapper .edu{display:flex;gap:15px;height:80px;width:55%}main .section-three .education .wrapper .edu:nth-child(2n){width:45%}main .section-three .education .wrapper .edu img{border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.376);height:100%}main .section-three .education .wrapper .edu .edu-title{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}main .section-three .education .wrapper .edu .edu-title h1{color:#d6d6d6;font-size:20px;font-weight:700;letter-spacing:-.4px;line-height:20px}main .section-three .education .wrapper .edu .edu-title h2{color:#d6d6d6;font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:20px}main .section-three .education .wrapper .edu .edu-title h3{color:#d6d6d6;font-size:16px;font-weight:500;letter-spacing:-.4px;line-height:20px}main .section-three .experience{display:flex;flex-direction:column;gap:30px;width:100%}main .section-three .experience p{color:#707186;font-size:16px;font-weight:700;letter-spacing:-.401px;line-height:20px}main .section-three .experience .wrapper{display:flex;flex-wrap:wrap;row-gap:30px}main .section-three .experience .wrapper .exp{display:flex;gap:15px;height:80px;width:55%}main .section-three .experience .wrapper .exp:nth-child(2n){width:45%}main .section-three .experience .wrapper .exp img{border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.376);height:100%}main .section-three .experience .wrapper .exp .exp-title{padding-color:#d6d6d6;padding-font-size:20px;padding-font-weight:700;padding-line-height:20px;padding-letter-spacing:-.4px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 h1}main .section-three .experience .wrapper .exp .exp-title h2{color:#d6d6d6;font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:20px}main .section-three .experience .wrapper .exp .exp-title h3{color:#d6d6d6;font-size:16px;font-weight:500;letter-spacing:-.4px;line-height:20px}main #skills{display:flex;gap:10px;justify-content:space-between;margin-bottom:120px;margin-top:40px;padding:0 10px;width:100%}@media(max-width:900px){main #skills{flex-direction:column}}main #skills .frontend{display:flex;flex-direction:column;gap:30px;width:50%}@media(max-width:900px){main #skills .frontend{width:100%}main #skills .frontend p{text-align:center}main #skills .frontend .wrapper{justify-content:center!important;margin-bottom:70px}}main #skills .frontend p{color:#707186;font-size:16px;font-weight:700;letter-spacing:-.401px;line-height:20px}main #skills .frontend .wrapper{display:flex;flex-wrap:wrap;gap:24px;justify-content:start;width:100%}@media(max-width:900px){main #skills .frontend .wrapper{gap:12px}}main #skills .frontend .wrapper .skill{align-items:center;cursor:default;display:flex;flex-direction:column;gap:4px;transition:.15s;width:72px}@media(max-width:900px){main #skills .frontend .wrapper .skill div svg{font-size:40px!important}main #skills .frontend .wrapper .skill span{font-size:11px!important}}main #skills .frontend .wrapper .skill:hover{color:#5a547c;-webkit-transform:scale(1.2);transform:scale(1.2)}main #skills .frontend .wrapper .skill div svg{font-size:48px}main #skills .frontend .wrapper .skill span{font-size:12px;font-weight:500;text-align:center;white-space:nowrap}main #skills .frontend .wrapper .skill.NextJS:hover{color:#000}main #skills .frontend .wrapper .skill.React:hover{color:#61dbfb}main #skills .frontend .wrapper .skill.React.Query:hover{color:#ff4154}main #skills .frontend .wrapper .skill.Redux.Toolkit:hover{color:#7549b9}main #skills .frontend .wrapper .skill.Redux.Saga:hover{color:#89d96d}main #skills .frontend .wrapper .skill.Zustand:hover{color:#f78139}main #skills .frontend .wrapper .skill.MobX:hover{color:#d7570b}main #skills .frontend .wrapper .skill.JavaScript:hover{color:#f7df1e}main #skills .frontend .wrapper .skill.TypeScript:hover{color:#007acc}main #skills .frontend .wrapper .skill.HTML:hover{color:#ff5325}main #skills .frontend .wrapper .skill.CSS:hover{color:#264ee4}main #skills .frontend .wrapper .skill.SASS:hover{color:#cd669a}main #skills .frontend .wrapper .skill.Tailwind.CSS:hover{color:#38bdf8}main #skills .frontend .wrapper .skill.Bootstrap:hover{color:#7111f5}main #skills .frontend .wrapper .skill.Framer.Motion:hover{color:#e630be}main #skills .frontend .wrapper .skill.Material.UI:hover{color:#007fff}main #skills .frontend .wrapper .skill.Style.Component:hover{color:#bf4f74}main #skills .frontend .wrapper .skill.Firebase:hover{color:#ffcc31}main #skills .frontend .wrapper .skill.Git:hover{color:#f34f29}main #skills .frontend .wrapper .skill.GitHub:hover{color:#171515}main #skills .backend{display:flex;flex-direction:column;gap:30px;height:100%;width:45%}@media(max-width:900px){main #skills .backend{width:100%}main #skills .backend p{text-align:center}main #skills .backend .wrapper{justify-content:center!important}}main #skills .backend p{color:#707186;font-size:16px;font-weight:700;letter-spacing:-.401px;line-height:20px}main #skills .backend .wrapper{display:flex;flex-wrap:wrap;gap:24px;justify-content:start;width:100%}@media(max-width:900px){main #skills .backend .wrapper{gap:12px}}main #skills .backend .wrapper .skill{align-items:center;display:flex;flex-direction:column;gap:4px;transition:.15s;width:72px}@media(max-width:900px){main #skills .backend .wrapper .skill div svg{font-size:40px!important}main #skills .backend .wrapper .skill span{font-size:11px!important}}main #skills .backend .wrapper .skill:hover{color:#5a547c;-webkit-transform:scale(1.2);transform:scale(1.2)}main #skills .backend .wrapper .skill div svg{font-size:48px}main #skills .backend .wrapper .skill span{font-size:12px;font-weight:500;text-align:center;white-space:nowrap}main #skills .backend .wrapper .skill.NodeJS:hover{color:#8cc03e}main #skills .backend .wrapper .skill.ExpressJS:hover{color:#828282}main #skills .backend .wrapper .skill.NestJS:hover{color:#e0234e}main #skills .backend .wrapper .skill.MongoDB:hover{color:#4faa41}main #skills .backend .wrapper .skill.PostgreSQL:hover{color:#336791}main #skills .backend .wrapper .skill.Prisma:hover{color:#0c344b}main #skills .backend .wrapper .skill.SocketIo:hover{color:#010101}main #skills .backend .wrapper .skill.Axios:hover{color:#5a24e5}main #skills .backend .wrapper .skill.Vercel:hover{color:#000}main #skills .backend .wrapper .skill.Docker:hover{color:#1d97ee}main #skills .backend .wrapper .skill.Nodemon:hover{color:#2edf83}main #skills .backend .wrapper .skill.NodeTS:hover{color:#2261a8}main #skills .backend .wrapper .skill.JWT:hover{color:#fb015b}main .section-four{display:flex;flex-direction:column;gap:40px;margin-bottom:400px;padding:135px 10px 0;position:relative;width:100%}main .section-four #pill{position:absolute;right:-250px;top:-280px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:300px;z-index:-100}main .section-four #cubo{bottom:-280px;left:-250px;position:absolute;-webkit-transform:rotate(-100deg);transform:rotate(-100deg);width:300px;z-index:-100}main .section-four .title{align-items:center;display:flex;gap:30px;justify-content:space-between}main .section-four .title .portfolio{color:#707186;font-size:24px;font-weight:700;letter-spacing:-.401px;line-height:20px;text-shadow:0 0 5px #000}main .section-four .title hr{border-color:#707186;width:100%}main .section-four .title .all-project{align-items:center;color:#707186;cursor:pointer;display:flex;font-size:20px;justify-content:end;line-height:20px}main .section-four .title .all-project span{font-weight:700;white-space:nowrap}main .section-four .projects{display:flex;flex-direction:column;gap:50px;width:100%}main .section-four .projects .project{display:flex;height:400px;overflow:hidden;position:relative;width:100%}main .section-four .projects .project:nth-child(2n){flex-direction:row-reverse}main .section-four .projects .project img{height:100%}main .section-four .projects .project .content{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:25px 25px 55px;width:100%}main .section-four .projects .project .content p{color:#5a547c;font-size:14px;font-weight:700;letter-spacing:1px;line-height:20px;margin-bottom:20px;text-transform:uppercase}main .section-four .projects .project .content h1{font-size:30px;letter-spacing:1px;margin:20px 0;position:relative}main .section-four .projects .project .content h1:before{background:#5a547c;border-radius:2em;bottom:-13px;box-shadow:0 -8px 20px 1px #5a547c;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}main .section-four .projects .project .content h3{font-size:16px;font-weight:500;margin-bottom:24px;max-width:550;text-align:center}main .section-four .projects .project .content h3 span{color:#5a547c;font-weight:600}main .section-four .projects .project .content .prolang{align-items:center;display:flex;gap:16px}main .section-four .projects .project .content .prolang svg{color:#5a547c;font-size:24px}main .section-four .projects .project .content .link{align-items:center;display:flex;gap:10px;height:40px;margin-top:30px}main .section-four .projects .project .content .link a{align-items:center;background:#322d41;border-radius:.4em;color:#fff;display:flex;gap:4px;justify-content:center;max-width:200px;outline:none;padding:8px 20px;text-decoration:none;transition:.2s}main .section-four .projects .project .content .link a:focus,main .section-four .projects .project .content .link a:hover{background:#5a547c;-webkit-transform:translateY(-4px);transform:translateY(-4px)}footer{background:#191927;border-radius:3em 3em 0 0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 5px 0 rgba(0,0,0,.2);margin:0 auto;max-width:95%}footer .container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1360px;padding:10px 10px 0;position:relative}footer .container .LetsWork{color:#fff6ff;font-size:42px;font-style:normal;font-weight:400;letter-spacing:-1.5px;line-height:61.346px;position:absolute;right:0;text-align:right;text-shadow:0 4px 4px rgba(0,0,0,.25);top:-150px}footer .container .footer-top{align-items:center;display:flex;padding:20px 0;width:100%}footer .container .footer-top .contacts{align-items:center;display:flex;justify-content:space-between;width:100%}footer .container .footer-top .contacts .contact{align-items:center;display:flex;gap:5px}footer .container .footer-top .contacts .contact.calllock{align-items:center;display:flex;gap:30px}footer .container .footer-top .contacts .contact svg{font-size:18px}footer .container .footer-top .contacts .contact span{font-size:17px}footer .container hr{border-color:#707186}footer .container .footer-bottom{align-items:center;display:flex;justify-content:space-between;padding:20px 0;width:100%}footer .container .footer-bottom .social{align-items:center;display:flex;gap:20px}footer .container .footer-bottom .social div{display:flex;gap:20px}footer .container .footer-bottom .social div a{align-items:center;cursor:pointer;display:flex;gap:5px;text-decoration:none;transition:.2s}footer .container .footer-bottom .social div a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}footer .container .footer-bottom .social div a:hover span,footer .container .footer-bottom .social div a:hover svg{color:#5a547c}footer .container .footer-bottom .social div a svg{color:#fff6ff;cursor:pointer;font-size:22px;transition:.2s}footer .container .footer-bottom .ooo p{color:#fff6ff;cursor:default;font-size:18px;font-weight:400}footer .container .footer-bottom .ooo p a{color:#fff;text-decoration:none}footer .container .footer-bottom .ooo p a:hover{text-decoration:underline}.ErrorPage{align-items:center;display:flex;height:100vh;justify-content:center;padding:0 50px;width:100%}.ErrorPage .error{display:flex;flex-direction:column;gap:10px}.ErrorPage .error .logo{align-items:center;display:flex;justify-content:center}.ErrorPage .error .title{font-size:22px;margin-top:30px;text-align:center}.ErrorPage .error .subtitle{font-size:18px;margin-bottom:20px;text-align:center}.ErrorPage .error .extra{display:flex;justify-content:center}.ErrorPage .error .extra button{align-items:center;-webkit-appearance:none;appearance:none;background:#5a547c;border:0;border-radius:.5em;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #52456e;color:#ece4ec;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;height:48px;justify-content:center;line-height:1;list-style:none;outline:none;overflow:hidden;padding:0 20px;position:relative;text-align:left;text-decoration:none;touch-action:manipulation;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;user-select:none;-webkit-user-select:none;white-space:nowrap;will-change:box-shadow,transform}.ErrorPage .error .extra button:focus{box-shadow:inset 0 0 0 1.5px #52456e,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #52456e}.ErrorPage .error .extra button:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #52456e;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ErrorPage .error .extra button:active{box-shadow:inset 0 3px 7px #52456e;-webkit-transform:translateY(2px);transform:translateY(2px)}.ErrorPage .error .extra button span{letter-spacing:.5px}.rodal{align-items:center;-webkit-animation-duration:.25s!important;animation-duration:.25s!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.3);display:flex;height:100vh;justify-content:start;width:100vw}.rodal .rodal-zoom-enter{-webkit-animation:rodal-slideLeft-enter!important;animation:rodal-slideLeft-enter!important}.rodal .rodal-zoom-leave{-webkit-animation:rodal-slideLeft-leave!important;animation:rodal-slideLeft-leave!important}.rodal .rodal-close{display:none}.rodal .rodal-dialog{-webkit-animation-duration:.25s!important;animation-duration:.25s!important;background:#10101e;box-shadow:0 0 20px rgba(0,0,0,.314);display:flex;flex-direction:column;height:100%!important;margin:0!important;padding:0!important;position:relative;width:300px!important;z-index:1000}.rodal .rodal-dialog #header{padding:0 15px;transition:all .5s;width:100%}.rodal .rodal-dialog #header .profile img{border:7px solid #2c2f3f;display:block;margin:15px auto;width:140px}.rodal .rodal-dialog #header .profile h1{font-family:Poppins,sans-serif;font-size:28px;font-weight:600;margin:0;padding:0;text-align-last:center}.rodal .rodal-dialog #header .profile h1 a,.rodal .rodal-dialog #header .profile h1 a:hover{color:#fff;text-decoration:none}.rodal .rodal-dialog #header .profile .social-links a{align-items:center;background:#212431;border-radius:50%;color:#fff;display:flex;font-size:24px;height:45px;justify-content:center;margin-right:6px;transition:.3s;width:45px}.rodal .rodal-dialog #header .profile .social-links a:hover{background:#5a547c;color:#10101e;text-decoration:none}.rodal .rodal-dialog #header .nav-menu{padding:30px 0 0}.rodal .rodal-dialog #header .nav-menu *{list-style:none;margin:0;padding:0}.rodal .rodal-dialog #header .nav-menu>ul>li{position:relative;white-space:nowrap}.rodal .rodal-dialog #header .nav-menu a,.rodal .rodal-dialog #header .nav-menu a:focus{align-items:center;color:#a8a9b4;cursor:pointer;display:flex;font-size:21px;margin-bottom:8px;padding:12px 20px;transition:.3s}.rodal .rodal-dialog #header .nav-menu a .list,.rodal .rodal-dialog #header .nav-menu a svg,.rodal .rodal-dialog #header .nav-menu a:focus .list,.rodal .rodal-dialog #header .nav-menu a:focus svg{cursor:pointer}.rodal .rodal-dialog #header .nav-menu a i,.rodal .rodal-dialog #header .nav-menu a:focus i{color:#6f7180;font-size:24px;padding-right:8px}.rodal .rodal-dialog #header .nav-menu .active,.rodal .rodal-dialog #header .nav-menu .active:focus,.rodal .rodal-dialog #header .nav-menu a:hover,.rodal .rodal-dialog #header .nav-menu li:hover>a{color:#fff;text-decoration:none}.rodal .rodal-dialog #header .nav-menu .active i,.rodal .rodal-dialog #header .nav-menu .active:focus i,.rodal .rodal-dialog #header .nav-menu a:hover i,.rodal .rodal-dialog #header .nav-menu li:hover>a i{color:#149ddd}.rodal .rodal-dialog .mobile-nav-toggle{align-items:center;background-color:#149ddd;border:0;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:24px;height:40px;justify-content:center;line-height:0;outline:none!important;position:fixed;right:15px;top:15px;transition:all .4s;width:40px;z-index:9998}.rodal .rodal-dialog .mobile-nav-active{overflow:hidden}.rodal .rodal-dialog .mobile-nav-active #header{left:0}#upper{background:#423e5c;border-radius:50%;bottom:25px;box-shadow:0 0 10px #423e5c;cursor:pointer;opacity:1;padding:8px;position:fixed;right:25px;-webkit-transform:translateY(0);transform:translateY(0);transition:.2s;visibility:visible;z-index:100}#upper svg{font-size:24px;margin:5px 5px 0;opacity:80%}#upper:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#upper.non-active{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);visibility:hidden}#upper.non-active:hover{-webkit-transform:scale(1.2) translateY(40px);transform:scale(1.2) translateY(40px)}#upper.active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}#upper.active:hover{-webkit-transform:scale(1.2) translateY(-5px);transform:scale(1.2) translateY(-5px)}@media(max-width:1500px){header .container,main{max-width:1300px!important}main .section-four .projects .project{height:425px!important}footer .container{max-width:1300px!important}}@media(max-width:1400px){header .container,main{max-width:1200px!important}main .section-four .portfolio{font-size:48px}main .section-four .projects .project{height:400px!important}footer .container{max-width:1200px!important}}@media(max-width:1300px){header .container,main{max-width:1100px!important}main #home{padding-top:200px!important}main #home #cube{right:-380px;top:-132px;width:380px}main #home #torus{left:-280px;top:640px;width:330px}main #home .title h1{font-size:72px;line-height:77px}main #home .title h1 #knot{left:330px;top:50px;width:110px}main #home .title .links{gap:20px}main #home .title .links a{height:61.2px}main #home .title .links a span{line-height:61.2px!important;padding:0 27px}main #home .title .links p{font-size:24px}main #home .image{height:390px!important;width:500px!important}main .section-two .about h1{font-size:40px;line-height:50px}main .section-four #pill{right:-240px;top:-270px;width:280px}main .section-four #cubo{bottom:-270px;left:-240px;width:280px}main .section-four .portfolio{font-size:44px}main .section-four .all-project{font-size:20px}main .section-four .projects .project{height:360px!important}footer .container{max-width:1100px!important}footer .container .LetsWork{font-size:38px}}@media(max-width:1200px){header .container,main{max-width:1000px!important}main #home{padding-top:175px!important;z-index:10}main #home #cube{right:-350px;top:-140px;width:350px}main #home #torus{left:-220px;top:500px;width:300px}main #home .title h1{font-size:64px;line-height:64px}main #home .title h1 #knot{left:295px;top:42px;width:90px}main #home .title .links{gap:18px}main #home .title .links a{border-radius:.5em;height:51px}main #home .title .links a span{font-size:20px;line-height:51px!important;padding:0 24px}main #home .title .links .dot img{height:20px;width:20px}main #home .title .links p{font-size:22px}main #home .image{height:366px!important;-webkit-transform:scale(.9)!important;transform:scale(.9)!important;width:470px!important}main .section-two .about h1{font-size:36px;line-height:44px}main .section-two .about h2{font-size:20px;line-height:30px}main .section-two .skills{-webkit-transform:scale(.94);transform:scale(.94)}main .section-three{margin-bottom:120px!important}main .section-three .education .edu .edu-title h1,main .section-three .education .edu .exp-title h1,main .section-three .education .exp .edu-title h1,main .section-three .education .exp .exp-title h1,main .section-three .experience .edu .edu-title h1,main .section-three .experience .edu .exp-title h1,main .section-three .experience .exp .edu-title h1,main .section-three .experience .exp .exp-title h1{font-size:19px}main .section-three .education .edu .edu-title h2,main .section-three .education .edu .exp-title h2,main .section-three .education .exp .edu-title h2,main .section-three .education .exp .exp-title h2,main .section-three .experience .edu .edu-title h2,main .section-three .experience .edu .exp-title h2,main .section-three .experience .exp .edu-title h2,main .section-three .experience .exp .exp-title h2{font-size:17px}main .section-three .education .edu .edu-title h3,main .section-three .education .edu .exp-title h3,main .section-three .education .exp .edu-title h3,main .section-three .education .exp .exp-title h3,main .section-three .experience .edu .edu-title h3,main .section-three .experience .edu .exp-title h3,main .section-three .experience .exp .edu-title h3,main .section-three .experience .exp .exp-title h3{font-size:15px}main .section-four #pill{right:-210px;top:-240px;width:240px}main .section-four #cubo{bottom:-260px;left:-230px;width:260px}main .section-four .portfolio{font-size:44px}main .section-four .all-project{font-size:20px}main .section-four .projects .project{height:325px!important}main .section-four .projects .project .content{-webkit-transform:scale(.95);transform:scale(.95)}main .section-four .projects .project .content p{margin-bottom:15px}main .section-four .projects .project .content h1{margin:7px 0 35px}main .section-four .projects .project .content .prolang{margin-bottom:20px}main .section-four .projects .project .content .link{margin:0!important}main .section-four .projects .project .content a{margin-top:30px}main .section-four .projects .project .content a:focus,main .section-four .projects .project .content a:hover{margin-top:27px}footer .container{max-width:1000px!important}footer .container .LetsWork{font-size:34px;top:-140px}}@media(max-width:1100px){header .container,main{max-width:900px!important}main #home{padding-top:150px!important}main #home #cube{right:-300px;top:-130px;width:300px}main #home #torus{left:-220px;top:450px;width:250px}main #home .title{gap:40px}main #home .title h1{font-size:58px;line-height:58px}main #home .title h1 #knot{left:270px;top:35px;width:80px}main #home .title .links{gap:15px}main #home .title .links a{border-radius:.4em;height:40px}main #home .title .links a span{font-size:17px;line-height:40px!important;padding:0 20px}main #home .title .links p{font-size:21px}main #home .image{height:330px!important;width:430px!important}main .section-two{padding:115px 10px 70px;position:relative}main .section-two .about h1{font-size:32px;line-height:40px}main .section-two .about h2{font-size:18px;line-height:28px}main .section-two .skills{position:absolute;right:-10px;-webkit-transform:scale(.8);transform:scale(.8)}main .section-three{margin-bottom:80px!important}main .section-three .education .edu,main .section-three .education .exp,main .section-three .experience .edu,main .section-three .experience .exp{height:70px}main .section-three .education .edu .edu-title h1,main .section-three .education .edu .exp-title h1,main .section-three .education .exp .edu-title h1,main .section-three .education .exp .exp-title h1,main .section-three .experience .edu .edu-title h1,main .section-three .experience .edu .exp-title h1,main .section-three .experience .exp .edu-title h1,main .section-three .experience .exp .exp-title h1{font-size:16px}main .section-three .education .edu .edu-title h2,main .section-three .education .edu .exp-title h2,main .section-three .education .exp .edu-title h2,main .section-three .education .exp .exp-title h2,main .section-three .experience .edu .edu-title h2,main .section-three .experience .edu .exp-title h2,main .section-three .experience .exp .edu-title h2,main .section-three .experience .exp .exp-title h2{font-size:14px}main .section-three .education .edu .edu-title h3,main .section-three .education .edu .exp-title h3,main .section-three .education .exp .edu-title h3,main .section-three .education .exp .exp-title h3,main .section-three .experience .edu .edu-title h3,main .section-three .experience .edu .exp-title h3,main .section-three .experience .exp .edu-title h3,main .section-three .experience .exp .exp-title h3{font-size:12px}main .section-four{margin-bottom:300px!important}main .section-four #pill{right:-180px;top:-180px;width:200px}main .section-four #cubo{bottom:-200px;left:-200px;width:220px}main .section-four .portfolio{font-size:38px;line-height:50px}main .section-four .portfolio img{height:50px}main .section-four .all-project{font-size:20px}main .section-four .projects .project{height:300px!important}main .section-four .projects .project .content p{font-size:12px;margin-bottom:10px}main .section-four .projects .project .content h1{font-size:28px;margin:5px 0 30px}main .section-four .projects .project .content .prolang{margin-bottom:16px}main .section-four .projects .project .content h3{font-size:14px}main .section-four .projects .project .content a{font-size:14px;margin-top:25px;max-width:90px;padding:7px 18px}main .section-four .projects .project .content a:focus,main .section-four .projects .project .content a:hover{margin-top:22px}footer .container{max-width:900px!important}footer .container .LetsWork{font-size:32px;line-height:50px;top:-120px}}@media(max-width:1000px){header .container,main{max-width:800px!important}main #home{padding-top:145px!important}main #home #cube{right:-270px;top:-110px}main #home #torus{left:-240px;top:400px}main #home .title{gap:40px}main #home .title h1{font-size:52px;line-height:54px}main #home .title h1 #knot{left:242px;top:35px;width:70px}main #home .title .links{gap:10px}main #home .title .links a{height:35px}main #home .title .links a span{font-size:15px;line-height:35px!important;padding:0 18px}main #home .title .links .dot img{height:18px;width:18px}main #home .title .links p{font-size:19px}main #home .image{height:300px!important;width:390px!important}main .section-two{position:relative}main .section-two .about h1{font-size:28px;line-height:36px}main .section-two .about h2{font-size:16px;line-height:24px}main .section-two .skills{position:absolute;right:-35px;-webkit-transform:scale(.7);transform:scale(.7)}main .section-three{margin-bottom:80px!important}main .section-three .education .edu,main .section-three .education .exp,main .section-three .experience .edu,main .section-three .experience .exp{height:60px}main .section-three .education .edu .edu-title h1,main .section-three .education .edu .exp-title h1,main .section-three .education .exp .edu-title h1,main .section-three .education .exp .exp-title h1,main .section-three .experience .edu .edu-title h1,main .section-three .experience .edu .exp-title h1,main .section-three .experience .exp .edu-title h1,main .section-three .experience .exp .exp-title h1{font-size:15px}main .section-three .education .edu .edu-title h2,main .section-three .education .edu .exp-title h2,main .section-three .education .exp .edu-title h2,main .section-three .education .exp .exp-title h2,main .section-three .experience .edu .edu-title h2,main .section-three .experience .edu .exp-title h2,main .section-three .experience .exp .edu-title h2,main .section-three .experience .exp .exp-title h2{font-size:13px}main .section-three .education .edu .edu-title h3,main .section-three .education .edu .exp-title h3,main .section-three .education .exp .edu-title h3,main .section-three .education .exp .exp-title h3,main .section-three .experience .edu .edu-title h3,main .section-three .experience .edu .exp-title h3,main .section-three .experience .exp .edu-title h3,main .section-three .experience .exp .exp-title h3{font-size:11px}main .section-four{margin-bottom:300px!important}main .section-four .portfolio{font-size:34px;line-height:50px}main .section-four .portfolio img{height:50px}main .section-four .all-project{font-size:18px}main .section-four .projects .project{height:260px!important}main .section-four .projects .project .content{padding:25px;-webkit-transform:scale(.9);transform:scale(.9)}main .section-four .projects .project .content p{font-size:12px;margin-bottom:5px}main .section-four .projects .project .content h1{font-size:28px;margin:4px 0 25px}main .section-four .projects .project .content h1:before{bottom:-9px}main .section-four .projects .project .content .prolang{margin-bottom:15px}main .section-four .projects .project .content .prolang svg{font-size:22px!important}main .section-four .projects .project .content h3{font-size:14px}main .section-four .projects .project .content a{font-size:14px;margin-top:20px;max-width:90px;padding:7px 18px}main .section-four .projects .project .content a:focus,main .section-four .projects .project .content a:hover{margin-top:18px}footer .container{max-width:800px!important}footer .container .LetsWork{font-size:30px;line-height:45px;top:-110px}}@media(max-width:900px){header .container{max-width:700px!important}header .container .list{gap:20px!important}header .container .list .listUl{display:none!important}header .container .list .menu{display:block!important}main{max-width:700px!important}main #home{flex-direction:column;gap:40px}main #home #cube{right:-280px;top:-100px;width:320px}main #home #torus{left:-280px;top:1060px;width:300px}main #home .title{align-items:center;width:100%!important}main #home .title h1{font-size:90px!important;line-height:100px;text-align:center}main #home .title h1 #knot{left:440px;top:60px;width:140px}main #home .title .links{gap:40px;justify-content:space-between;max-width:700px}main #home .title .links a{height:58px!important}main #home .title .links a span{font-size:24px;line-height:59px!important;padding:0 40px}main #home .title .links .dot img{height:28px;width:28px}main #home .title .links p{font-size:36px}main #home .image{height:530px!important;width:100%!important}main .section-two{flex-direction:column;gap:100px;padding:170px 10px 100px}main .section-two .about{height:auto;width:100%}main .section-two .about p{font-size:22px;padding-bottom:10px;text-align:center}main .section-two .about h1{font-size:50px;line-height:55px;text-align:center}main .section-two .about h2{font-size:36px;line-height:40px;text-align:center}main .section-two .skills{height:400px!important;position:relative!important;right:50%;-webkit-transform:scale(1.2) translateX(13%);transform:scale(1.2) translateX(13%);width:100%!important}main .section-two .skills .light{right:-180px;top:-400px}main .section-three{flex-direction:column;gap:80px}main .section-three .education{width:100%!important}main .section-three .education p{font-size:22px;text-align:center}main .section-three .education .edu{align-items:center;flex-direction:column;height:auto!important}main .section-three .education .edu img{height:140px}main .section-three .education .edu .edu-title{gap:10px}main .section-three .education .edu .edu-title h1{font-size:28px;text-align:center}main .section-three .education .edu .edu-title h2{font-size:24px;text-align:center}main .section-three .education .edu .edu-title h3{font-size:20px;text-align:center}main .section-three .experience{width:100%!important}main .section-three .experience p{font-size:22px;text-align:center}main .section-three .experience .exp{align-items:center;flex-direction:column;height:auto!important}main .section-three .experience .exp img{height:140px}main .section-three .experience .exp .exp-title{gap:10px}main .section-three .experience .exp .exp-title h1{font-size:28px;text-align:center}main .section-three .experience .exp .exp-title h2{font-size:24px;text-align:center}main .section-three .experience .exp .exp-title h3{font-size:20px;text-align:center}main .section-four{gap:40px}main .section-four .portfolio{font-size:58px}main .section-four .all-project{font-size:28px}main .section-four .projects .project{flex-direction:column!important;height:auto!important}main .section-four .projects .project img{height:auto;width:100%}main .section-four .projects .project .content{padding:5px 10px 10px}main .section-four .projects .project .content p{font-size:14px;margin-bottom:14px}main .section-four .projects .project .content h1{font-size:30px;margin:10px 0 40px}main .section-four .projects .project .content h1:before{bottom:-13px}main .section-four .projects .project .content .prolang{margin-bottom:25px}main .section-four .projects .project .content .prolang svg{font-size:24px!important}main .section-four .projects .project .content h3{font-size:16px}main .section-four .projects .project .content a{font-size:16px;margin-top:30px;max-width:100px;padding:10px 20px}main .section-four .projects .project .content a:focus,main .section-four .projects .project .content a:hover{margin-top:27px}footer .container{gap:20px;max-width:700px!important}footer .container .LetsWork{font-size:42px;line-height:52px;top:-120px}footer .container .footer-top{padding:20px 0 10px}footer .container .footer-top .contacts{flex-direction:column;gap:20px}footer .container .footer-top .contacts .contact.calllock{width:auto!important}footer .container .footer-top .contacts .contact svg{font-size:27px}footer .container .footer-top .contacts .contact span{font-size:26px}footer .container .footer-bottom{flex-direction:column;gap:20px;padding:10px 0 20px}footer .container .footer-bottom .social div a svg{font-size:27px!important}footer .container .footer-bottom .social div a span{font-size:26px!important}footer .container .footer-bottom .ooo p{font-size:28px}}@media(max-width:800px){header .container,main{max-width:650px!important}main #home{gap:40px}main #home #torus{left:-280px;top:1000px;width:300px}main #home .title h1{font-size:80px!important;line-height:90px;text-align:center}main #home .title h1 #knot{left:390px;top:60px;width:120px}main #home .title .links{gap:35px}main #home .title .links a span{font-size:24px;line-height:auto!important;padding:0 30px}main #home .title .links p{font-size:34px}main #home .image{height:490px!important;width:100%!important}main .section-two .about h1{font-size:46px;line-height:54px}main .section-two .about h2{font-size:32px;line-height:40px}main .section-two .skills{height:400px!important;position:relative!important;right:50%;-webkit-transform:scale(1.1) translateX(18%);transform:scale(1.1) translateX(18%);width:100%!important}main .section-three{gap:70px}main .section-three .education .edu img{height:130px}main .section-three .education .edu .edu-title h1{font-size:28px}main .section-three .education .edu .edu-title h2{font-size:26px}main .section-three .education .edu .edu-title h3{font-size:24px}main .section-three .experience .exp img{height:130px}main .section-three .experience .exp .exp-title h1{font-size:28px}main .section-three .experience .exp .exp-title h2{font-size:26px}main .section-three .experience .exp .exp-title h3{font-size:24px}main .section-four{gap:35px}main .section-four #pill{right:-210px;top:-240px;width:240px}main .section-four #cubo{bottom:-200px;left:-200px;width:260px}main .section-four .portfolio{font-size:52px}main .section-four .all-project{font-size:26px}footer .container{max-width:650px!important}footer .container .LetsWork{font-size:38px;line-height:48px;top:-110px}footer .container .footer-top{padding:20px 0 10px}footer .container .footer-top .contacts{flex-direction:column;gap:20px}footer .container .footer-top .contacts .contact.calllock{width:auto!important}footer .container .footer-top .contacts .contact svg{font-size:25px}footer .container .footer-top .contacts .contact span{font-size:24px}footer .container .footer-bottom{flex-direction:column;gap:20px;padding:10px 0 20px}footer .container .footer-bottom .social div a svg{font-size:25px!important}footer .container .footer-bottom .social div a span{font-size:24px!important}footer .container .footer-bottom .ooo p{font-size:24px}}@media(max-width:700px){header .container,main{max-width:600px!important}main #home{gap:40px}main #home #cube{right:-250px;top:-100px;width:300px}main #home #torus{left:-240px;top:960px;width:300px}main #home .title h1{font-size:75px!important;line-height:85px}main #home .title h1 #knot{left:365px;top:50px;width:115px}main #home .title .links{gap:30px}main #home .title .links a span{font-size:24px}main #home .title .links p{font-size:31px}main #home .image{height:450px!important;width:100%!important}main .section-two{gap:70px}main .section-two .about h1{font-size:40px;line-height:48px}main .section-two .about h2{font-size:28px;line-height:36px}main .section-two .skills{height:400px!important;position:relative!important;right:50%;-webkit-transform:scale(1) translateX(25%);transform:scale(1) translateX(25%);width:100%!important}main .section-three{gap:70px}main .section-three .education .edu img{height:120px}main .section-three .education .edu .edu-title h1{font-size:26px}main .section-three .education .edu .edu-title h2{font-size:24px}main .section-three .education .edu .edu-title h3{font-size:22px}main .section-three .experience .exp img{height:120px}main .section-three .experience .exp .exp-title h1{font-size:26px}main .section-three .experience .exp .exp-title h2{font-size:24px}main .section-three .experience .exp .exp-title h3{font-size:22px}main .section-four{gap:30px}main .section-four .portfolio{font-size:48px}main .section-four .all-project{font-size:24px}footer .container{max-width:600px!important}footer .container .LetsWork{font-size:35px;line-height:45px;right:20px;top:-105px}footer .container .footer-top{padding:20px 0 10px}footer .container .footer-top .contacts{flex-direction:column;gap:20px}footer .container .footer-top .contacts .contact.calllock{width:auto!important}footer .container .footer-top .contacts .contact svg{font-size:21px}footer .container .footer-top .contacts .contact span{font-size:20px}footer .container .footer-bottom{flex-direction:column;gap:20px;padding:10px 0 20px}footer .container .footer-bottom .social div a svg{font-size:21px!important}footer .container .footer-bottom .social div a span{font-size:20px!important}footer .container .footer-bottom .ooo p{font-size:20px}}@media(max-width:600px){header .container,main{max-width:500px!important}main #home{gap:40px}main #home #torus{left:-200px;top:850px;width:260px}main #home .title h1{font-size:64px!important;line-height:72px}main #home .title h1 #knot{left:310px;top:44px;width:100px}main #home .title .links{gap:25px}main #home .title .links a{height:50px!important}main #home .title .links a span{font-size:23px;line-height:50px!important;padding:0 25px}main #home .title .links p{font-size:25px}main #home .image{height:370px!important;-webkit-transform:scale(1)!important;transform:scale(1)!important;width:100%!important}main .section-two{gap:70px}main .section-two .about h1{font-size:36px;line-height:44px}main .section-two .about h2{font-size:26px;line-height:34px}main .section-two .skills{height:400px!important;position:relative!important;right:50%;-webkit-transform:scale(.88) translateX(37%);transform:scale(.88) translateX(37%);width:100%!important}main .section-three{gap:70px}main .section-three .education .edu img{height:110px}main .section-three .education .edu .edu-title h1{font-size:24px}main .section-three .education .edu .edu-title h2{font-size:22px}main .section-three .education .edu .edu-title h3{font-size:20px}main .section-three .experience .exp img{height:110px}main .section-three .experience .exp .exp-title h1{font-size:24px}main .section-three .experience .exp .exp-title h2{font-size:22px}main .section-three .experience .exp .exp-title h3{font-size:20px}main .section-four{gap:30px}main .section-four .portfolio{font-size:42px}main .section-four .all-project{font-size:22px}footer .container{max-width:500px!important}footer .container .LetsWork{font-size:32px;line-height:42px;right:20px;top:-100px}footer .container .footer-top{padding:20px 0 10px}footer .container .footer-top .contacts{flex-direction:column;gap:20px}footer .container .footer-top .contacts .contact.calllock{width:auto!important}footer .container .footer-top .contacts .contact svg{font-size:19px}footer .container .footer-top .contacts .contact span{font-size:18px}footer .container .footer-bottom{flex-direction:column;gap:20px;padding:10px 0 20px}footer .container .footer-bottom .social div a svg{font-size:19px!important}footer .container .footer-bottom .social div a span{font-size:18px!important}footer .container .footer-bottom .ooo p{font-size:18px}}@media(max-width:500px){.rodal-dialog #header .profile img{width:120px!important}.rodal-dialog #header .profile h1{font-size:24px!important}.rodal-dialog #header .social-links a{font-size:18px!important;height:35px!important;margin-right:4px!important;width:36px!important}.rodal-dialog #header .nav-menu a,.rodal-dialog #header .nav-menu a:focus{font-size:18px!important}header{border-radius:3em;height:70px;overflow:hidden;-webkit-transform:scale(.95);transform:scale(.95)}header .container,main{max-width:400px!important}main #home{gap:40px}main #home #cube{right:-240px;top:-100px;width:300px}main #home #torus{left:-200px;top:750px;width:260px}main #home .title h1{font-size:52px!important;line-height:64px}main #home .title h1 #knot{left:252px;top:40px;width:85px}main #home .title .links a{border-radius:.6em}main #home .title .links a span{font-size:20px;line-height:50px!important}main #home .title .links p{font-size:19px}main #home .image{border-radius:2em 4em 0 4em!important;height:305px!important;width:100%!important}main #home .image .rectangle2,main #home .image .rectangle3{border-radius:0 4em 0 4em!important}main .section-two{gap:0;padding:140px 10px 100px}main .section-two .about h1{font-size:29px;line-height:40px}main .section-two .about h2{font-size:21px;line-height:34px}main .section-two .skills{height:400px!important;position:relative!important;right:50%;-webkit-transform:scale(.7) translateX(59%);transform:scale(.7) translateX(59%);width:100%!important}main .section-three{gap:70px}main .section-three .education .edu img{height:100px}main .section-three .education .edu .edu-title h1{font-size:24px}main .section-three .education .edu .edu-title h2{font-size:22px}main .section-three .education .edu .edu-title h3{font-size:20px}main .section-three .experience .exp img{height:100px}main .section-three .experience .exp .exp-title h1{font-size:24px}main .section-three .experience .exp .exp-title h2{font-size:22px}main .section-three .experience .exp .exp-title h3{font-size:20px}main .section-four{gap:20px}main .section-four .portfolio{font-size:36px}main .section-four .all-project{font-size:18px}footer .container{gap:15px!important;max-width:400px!important}footer .container .LetsWork{font-size:28px;line-height:38px;right:10px;top:-100px}footer .container .footer-top{padding:20px 0 10px}footer .container .footer-top .contacts{flex-direction:column;gap:20px}footer .container .footer-top .contacts .calllock{flex-direction:column;gap:20px!important;width:auto!important}footer .container .footer-top .contacts .contact.calllock{width:auto!important}footer .container .footer-top .contacts .contact svg{font-size:21px}footer .container .footer-top .contacts .contact span{font-size:20px}footer .container .footer-bottom{flex-direction:column;gap:20px;padding:10px 0 20px}footer .container .footer-bottom .social{gap:25px!important}footer .container .footer-bottom .social div{gap:20px!important}footer .container .footer-bottom .social div a{gap:5px!important}footer .container .footer-bottom .social div a svg{font-size:21px!important}footer .container .footer-bottom .social div a span{font-size:20px!important}footer .container .footer-bottom .ooo p{font-size:20px}}@media(max-width:400px){header .container,main{max-width:350px!important}main #home{gap:30px;padding-top:125px!important}main #home #cube{right:-230px;top:-110px;width:300px}main #home #torus{left:-180px;top:630px;width:240px}main #home .title{gap:25px}main #home .title h1{font-size:46px!important;line-height:56px}main #home .title h1 #knot{left:220px;top:30px;width:80px}main #home .title .links{gap:10px}main #home .title .links a{border-radius:.3em;height:34px!important;padding-bottom:1px}main #home .title .links a span{font-size:16px;line-height:34px!important;padding:0 20px}main #home .title .links .dot img{height:20px;width:20px}main #home .title .links p{font-size:16px}main #home .image{border-radius:2em 3em 0 3em!important;height:265px!important;width:100%!important}main #home .image .rectangle2,main #home .image .rectangle3{border-radius:0 3em 0 3em!important}main .section-two{padding:140px 10px 20px}main .section-two .about h1{font-size:26px;line-height:40px}main .section-two .about h2{font-size:18px;line-height:28px}main .section-two .skills{height:400px!important;position:relative!important;right:50%;-webkit-transform:scale(.7) translateX(65%);transform:scale(.7) translateX(65%);width:100%!important}main .section-two .skills h1{font-size:22px}main .section-three{gap:70px}main .section-three .education .edu img{height:80px}main .section-three .education .edu .edu-title h1{font-size:20px}main .section-three .education .edu .edu-title h2{font-size:19px}main .section-three .education .edu .edu-title h3{font-size:18px}main .section-three .experience .exp img{height:80px}main .section-three .experience .exp .exp-title h1{font-size:20px}main .section-three .experience .exp .exp-title h2{font-size:19px}main .section-three .experience .exp .exp-title h3{font-size:18px}main .section-four{gap:10px;margin-bottom:220px!important;padding:120px 10px 0}main .section-four #pill{right:-100px;top:-70px;-webkit-transform:rotate(190deg);transform:rotate(190deg);width:160px}main .section-four #cubo{bottom:-150px;left:-120px;width:200px}main .section-four .title{gap:15px}main .section-four .portfolio{font-size:32px}main .section-four .all-project{font-size:16px}main .section-four .projects .project{padding:15px}footer .container{max-width:350px!important}footer .container .LetsWork{font-size:24px;line-height:34px;right:12px;top:-80px}footer .container .footer-top .contacts .contact svg{font-size:19px}footer .container .footer-top .contacts .contact span{font-size:18px}footer .container .footer-bottom .social div a svg{font-size:22px!important}footer .container .footer-bottom .ooo p{font-size:18px}}@media(min-height:880px)and (min-width:901px){main #home #torus{top:690px}}@media(min-width:901px){main #home{height:calc(100vh - 80px);max-height:920px}}
/*# sourceMappingURL=main.309a2cd8.css.map*/