@charset "UTF-8";*{margin:0;padding:0}body{color:#000;font-family:Nunito,sans-serif;font-size:16px;line-height:22px}abbr{-webkit-text-decoration:none;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;-webkit-text-decoration:none;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}@keyframes details-show{0%{opacity:0;transform:translateY(-.5em);transform:var(--details-translate,translateY(-.5em))}}.details[open]>.details__content{animation:details-show .15s ease-in-out}.details__summary{border-radius:4px;border-radius:6px;color:#007a33;cursor:pointer;margin:10px auto;max-width:1000px;padding:5px 0;text-align:center;width:100%}.details__inneraccent{border-bottom:1px dashed #007a33}.details__summary:hover{color:#7000d1}.details__summary:hover>.details__inneraccent{border-bottom-color:#7000d1}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 (backdrop-filter:none){.top-head{backdrop-filter:blur(15px)}}@supports not (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{display:block;width:45px;-webkit-tap-highlight-color:transparent}.top-head__aside{display:flex;margin-right:-15px}.top-head__menulink{color:#000;display:block;font-weight:400;height:25px;line-height:25px;padding:5px 15px;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent}.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:0;padding-top:30px}@keyframes wave-left{to{transform:translateX(-50%)}}@keyframes wave-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.hero-unit__waves{height:100px;overflow:hidden;position:relative}.hero-unit__wave{bottom:0;height:100%;left:0;position:absolute;width:200%;will-change:transform}.hero-unit__wave path{fill:#f3f6f9}.hero-unit__wave_back{animation:wave-right 40s linear infinite}.hero-unit__wave_back path{fill:#1d3d5e}.hero-unit__wave_front{animation:wave-left 25s linear infinite}.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{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;-webkit-text-decoration:none;text-decoration:none;transition:background-color .1s linear,color .1s linear;width:60px;-webkit-tap-highlight-color:transparent}.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{align-items:flex-start;border:1px solid #f3f6f9;border-radius:6px;color:#000;display:block;display:flex;padding:20px 10px 20px 20px;-webkit-text-decoration:none;text-decoration:none;transition:background-color .1s;-webkit-tap-highlight-color:transparent}.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;-webkit-text-decoration:none;text-decoration:none}.github-section__intro a:hover{border-bottom-color:#0366d6;color:#0366d6}.github-wannabe{-moz-column-gap:16px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:16px;column-gap:16px;grid-row-gap:16px;font-size:85%;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{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;margin:15px auto 0;max-width:1000px;width:100%;grid-gap:30px;gap:30px}.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{align-items:center;border:4px dashed #f3f6f9;box-sizing:border-box;color:#000;display:flex;justify-content:center;padding:30px;text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:background-color .1s linear,border .1s linear;-webkit-tap-highlight-color:transparent}.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}.hero-unit__waves{margin-left:-20px;margin-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{display:block;-webkit-tap-highlight-color:transparent}.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}}