@charset "UTF-8";*{margin:0;padding:0}body{color:#000;font-family:Nunito,sans-serif;font-size:16px;line-height:22px}abbr{text-decoration:none}a,button{touch-action:manipulation}.github-section,.skills-group,.typo{line-height:22px}.github-section h1,.github-section h2,.github-section h3,.github-section h4,.skills-group h1,.skills-group h2,.skills-group h3,.skills-group h4,.typo h1,.typo h2,.typo h3,.typo h4{font-family:Inter,sans-serif;font-weight:700;margin-bottom:15px}.github-section h1,.skills-group h1,.typo h1{font-size:48px;line-height:54px;margin-bottom:20px}.github-section h3,.skills-group h3,.typo h3{font-size:20px;line-height:28px}.github-section h4,.skills-group h4,.typo h4{font-size:16px;line-height:16px}.github-section p+iframe,.github-section p+p,.github-section p+table,.skills-group p+iframe,.skills-group p+p,.skills-group p+table,.typo p+iframe,.typo p+p,.typo p+table{margin-top:15px}.github-section p+.fancy-list,.skills-group p+.fancy-list,.typo p+.fancy-list{margin-bottom:20px}.bottom-foot__feedback>a,.github-section a,.link,.skills-group a,.typo a{border-bottom:1px solid rgba(0,122,51,.2);color:#007a33;text-decoration:none;transition:color .1s linear,border-bottom .1s linear}.bottom-foot__feedback>a:hover,.github-section a:hover,.link:hover,.skills-group a:hover,.typo a:hover{border-bottom-color:#7000d1;color:#7000d1}.button,.top-head__menulink{border-radius:10px;transition:background-color .1s linear}.button:hover,.top-head__menulink:hover{background-color:#f3f6f9}.fancy-list{margin-top:10px}.fancy-list li{list-style-type:none;padding-left:25px;position:relative}.fancy-list li:before{content:"💈";display:inline-block;left:0;position:absolute;top:0}.fancy-list>li+li{margin-top:10px}.narrow-wrapper{margin:0 auto;max-width:750px;width:100%}.basic-section{padding:40px 0}.spec-title{font-family:Inter,sans-serif;font-size:32px;line-height:36px;margin-bottom:20px}.spec-title__accent{color:#7000d1}.spec-title__inverted{color:#fff}body{padding-top:55px}body:before{background-image:linear-gradient(130deg,rgba(112,0,209,.4),#fff 35%,#fff 70%,rgba(0,122,51,.4));content:"";display:block;height:30px;z-index:0}.top-head,body:before{left:0;position:fixed;right:0;top:0}.top-head{border-bottom:1px solid #eaeef3;font-family:Inter,sans-serif;font-size:14px;height:55px;z-index:100}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.top-head{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){body:before{background-image:linear-gradient(130deg,rgba(112,0,209,.8),#fff 35%,#fff 70%,rgba(0,122,51,.8))}body:after{background:linear-gradient(180deg,transparent,#fff 50%);content:"";display:block;height:55px;left:0;position:fixed;right:0;top:0;z-index:0;z-index:1}}.top-head__wrapper{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.top-head__logo{display:block;transition:transform .1s;width:100%}.top-head__logo:hover{transform:scale(1.3)}.top-head__logolink{-webkit-tap-highlight-color:transparent;display:block;width:45px}.top-head__aside{display:flex;margin-right:-15px}.top-head__menulink{-webkit-tap-highlight-color:transparent;color:#000;display:block;font-weight:400;height:25px;line-height:25px;padding:5px 15px;text-decoration:none}.top-head__menulink:hover{background-color:#1d3d5e;color:#fff}.burger{cursor:pointer;display:none;height:21px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;width:27px}.burger:after,.burger:before{content:"";display:block}.burger span,.burger:after,.burger:before{background:#000;border-radius:9px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.burger:before{top:0}.burger span{top:9px}.burger:after{top:18px}.burger.active:before{top:9px;transform:rotate(135deg)}.burger.active span{left:-27px;opacity:0}.burger.active:after{top:9px;transform:rotate(-135deg)}.hero-unit{padding-bottom:25px;padding-top:30px}.hero-unit__name{background:linear-gradient(90deg,#7000d1,#007a33);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-unit__contacts{margin-top:15px}.contacts{display:flex;flex-wrap:wrap;margin-left:-12px}.contacts__wrapgroup{display:flex;white-space:nowrap}.contacts__link{-webkit-tap-highlight-color:transparent;align-items:center;border-bottom:none;border-radius:10px;color:#000;display:flex;font-size:35px;height:60px;justify-content:center;margin-right:10px;text-align:center;text-decoration:none;transition:background-color .1s linear,color .1s linear;width:60px}.contacts__link:hover{background-color:#f3f6f9;color:#7000d1}.contacts__link>i{margin:0 auto}.about-me{background-color:#f3f6f9}.skills-pack{margin:0 auto;max-width:1000px;width:100%}.skills-switch{display:grid;grid-template-columns:270px 1fr;margin-top:20px}.skills-switch__menu{margin-right:40px}.skills-switch__tab{-webkit-tap-highlight-color:transparent;align-items:flex-start;border:1px solid #f3f6f9;border-radius:6px;color:#000;display:block;display:flex;padding:20px 10px 20px 20px;text-decoration:none;transition:background-color .1s}.skills-switch__tab>i{color:#acb8ca;font-size:24px;margin-right:20px;transition:color .1s}.skills-switch__tab.active,.skills-switch__tab:hover{background-color:#f3f6f9}.skills-switch__tab.active>i,.skills-switch__tab:hover>i{color:#1d3d5e}.skills-switch__tab+.skills-switch__tab{margin-top:10px}.skills-group{-moz-column-gap:40px;column-gap:40px;display:none;grid-template-columns:1fr 1fr}.skills-group.active{display:grid}.skills-group ul{list-style-type:none}.skills-group ul ul li{list-style-type:none;margin-left:20px;padding-left:15px;position:relative}.skills-group ul ul li:before{content:"◼";display:block;font-size:50%;left:0;position:absolute;top:0}.skills-group ul ul li+li{margin-top:5px}.skills-group>ul>li:before{display:none}.skills-group>ul>li+li{margin-top:20px}.github-section{background:#1d3d5e}.github-section__wrapper{margin:0 auto;width:1000px}.github-section__intro{color:#fff}.github-section__intro a{border-bottom:1px solid #fff;color:#fff;font-weight:700;text-decoration:none}.github-section__intro a:hover{border-bottom-color:#0366d6;color:#0366d6}.github-wannabe{grid-column-gap:16px;grid-row-gap:16px;-moz-column-gap:16px;column-gap:16px;display:grid;font-size:85%;grid-template-columns:1fr 1fr 1fr;margin-top:15px;row-gap:16px}.github-wannabe svg{align-self:center}.github-wannabe__box{background-color:#fff;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;padding:16px}.github-wannabe__title{align-items:center;display:flex;margin-bottom:10px}.github-wannabe__title>svg{margin-right:10px}.github-wannabe__descr{flex-grow:1;margin-bottom:15px}.github-wannabe__language,.github-wannabe__meta{display:flex;justify-items:flex-start}.github-wannabe__language,.github-wannabe__stars{margin-right:20px}.github-repo-color{align-self:top;border-radius:50%;height:12px;margin-right:5px;margin-top:4px;width:12px}.github-repo-color_python{background-color:#3572a5}.github-repo-color_html{background-color:#e34c26}.github-repo-color_javascript{background-color:#f1e05a}.github-repo-color_rust{background-color:#dea584}.github-repo-color_actionscript{background-color:#882b0f}.github-repo-color_nolanguage{background-color:#ccc;opacity:.2}.github-repo-color_typescript{background-color:#2b7489}.github-repo-color_go{background-color:#00add8}.github-link{border-bottom:none!important;color:#000!important;display:flex}.github-link:hover{color:#0366d6!important}.github-link:hover>svg{fill:#0366d6}.github-link>svg{margin-right:2px}@media (max-width:640px){.github-wannabe{grid-template-columns:1fr}}.youtube-pane{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;justify-content:space-between;margin:15px auto 0;max-width:1000px;width:100%}.youtube-video{height:300px;overflow:hidden;position:relative}.youtube-video iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.youtube-video_soon{-webkit-tap-highlight-color:transparent;align-items:center;border:4px dashed #f3f6f9;box-sizing:border-box;color:#000;display:flex;justify-content:center;padding:30px;text-align:center;text-decoration:none;transition:background-color .1s linear,border .1s linear}.youtube-video_soon:hover{background-color:#f3f6f9}.projects-list{padding-top:20px}.bottom-foot{background-color:#f3f6f9;font-family:Inter,sans-serif;font-size:14px;font-weight:400;padding:20px 0}.bottom-foot__wrapper{display:flex;justify-content:space-between}.outdated>.outdated-browser{display:block}.outdated-browser{background:#000;color:#fff;display:none;left:0;opacity:.9;position:fixed;right:0;top:0;width:100%;z-index:1000}.outdated-browser__inner{display:flex;margin:10px auto;padding:5px 0;width:760px}.outdated-browser__inner:before{content:"⚠️";display:block;margin-right:10px}@media (max-width:1000px){.basic-section,.bottom-foot,.hero-unit,.skills-pack,.top-head{box-sizing:border-box;padding-left:20px;padding-right:20px}.github-section__wrapper{width:100%}.skills-switch{grid-template-columns:220px 1fr}.skills-switch__menu{margin-right:20px}.github-wannabe{grid-template-columns:1fr 1fr}}@media (max-width:900px){.skills-group.active{display:block}}@media (max-width:750px){.skills-switch{display:block}.skills-switch__menu{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-10px 0 20px -10px}.skills-switch__tab{margin:10px 0 0 10px;padding:10px}.skills-switch__tab>i{display:none}.skills-group>ul+ul{margin-top:20px}.burger{-webkit-tap-highlight-color:transparent;display:block}.top-head__aside{display:none;flex-wrap:wrap;gap:7px;margin-left:-20px;transition:all .25s ease-in-out;width:100%}.top-head__aside.active{background:#fff;box-shadow:0 5px 5px -5px rgba(34,60,80,.6);display:flex;padding:10px 20px 10px 7px;position:absolute;top:55px}}@media (max-width:700px){.youtube-pane{display:block}.youtube-video+.youtube-video{margin-top:15px}}@media (max-width:540px){.github-wannabe{grid-template-columns:1fr}}@media (max-width:500px){.bottom-foot__wrapper{display:block}.bottom-foot__feedback{margin-top:10px}.contacts{flex-wrap:wrap}.youtube-video{height:200px}}@media (max-width:400px){.github-section h1,.skills-group h1,.typo h1{font-size:38px;line-height:42px}}