:root{--theme-color: #ffffff;--theme-color-rgb: 135, 0, 127}html,body{position:relative;padding:0;margin:0}body{font-size:1rem;line-height:1.5;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#000;color:#fff}#app{margin:0 auto;max-width:calc(8.625rem + 88.5vw);padding:0 .25rem;box-sizing:border-box}@media (min-width: 1200px){#app{max-width:75rem}}a{color:var(--theme-color);text-decoration:none}h1{font-size:calc(1.425rem + 2.1vw);line-height:1.2}@media (min-width: 1200px){h1{font-size:3rem}}h2{font-size:calc(1.375rem + 1.5vw);margin:.75em 0 .5em;line-height:1.25}@media (min-width: 1200px){h2{font-size:2.5rem}}section,footer{margin:calc(1.375rem + 1.5vw) calc(1.325rem + .9vw)}@media (min-width: 1200px){section,footer{margin:2.5rem 2rem}}.intro{padding:1rem 0 0 .25rem;display:flex;justify-content:space-between;align-items:flex-start}.avatar{border:.25rem solid #444;border-radius:50%;width:20%;margin-right:calc(1.375rem + 1.5vw);height:auto}@media (min-width: 1200px){.avatar{margin-right:2.5rem}}.header-content{width:100%;min-width:0}.intro h1{line-height:1.2;margin:0}.subtitle{margin:1rem 0rem}.subtitle span.dot{font-size:.875rem;opacity:.5}.subtitle span[role=img]{vertical-align:middle;font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){.subtitle span[role=img]{font-size:1.5rem}}.contacts a{background:rgba(255,255,255,.1);text-decoration:none;font-weight:500;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .5rem;border-radius:.5rem;display:inline-flex;font-size:.875rem;height:calc(1.275rem + .3vw);align-items:center;vertical-align:middle}@media (min-width: 1200px){.contacts a{height:1.5rem}}.contacts a:hover{background:rgba(255,255,255,.125)}.contacts a:active{background:rgba(255,255,255,.075)}.contacts .icon{width:calc(1.275rem + .3vw);height:calc(1.275rem + .3vw);display:flex;align-items:center;margin-right:.5rem}@media (min-width: 1200px){.contacts .icon{width:1.5rem}}@media (min-width: 1200px){.contacts .icon{height:1.5rem}}.contacts img{max-width:100%;max-height:100%}.branding{margin-top:-.25rem;margin-bottom:calc(1.325rem + .9vw)}@media (min-width: 1200px){.branding{margin-bottom:2rem}}.widget{--preloader-color: var(--theme-color)}.widget+.widget{margin-top:1rem}codersrank-summary{--bg-color: transparent;--badge-bg-color: #161616;--badge-text-color: #fff;--badges-padding: 0rem;--badge-padding: .5rem;--badge-margin: 1rem;--badge-border-radius: .5rem;--badge-rank-font-size: 1rem;--badge-technology-font-size: 1.125rem;--badge-location-font-size: 1rem;--badge-icon-size:calc(1.325rem + .9vw);--badge-border: .0625rem solid rgba(0, 0, 0, .1);--badge-box-shadow: none}@media (min-width: 1200px){codersrank-summary{--badge-icon-size: 2rem}}.activity-widget{padding:.5rem;border-radius:.5rem;background:#161616}codersrank-activity{--bg-color-0: #111;--bg-color-1: rgba(var(--theme-color-rgb), .25);--bg-color-2: rgba(var(--theme-color-rgb), .5);--bg-color-3: rgba(var(--theme-color-rgb), .75);--bg-color-4: rgba(var(--theme-color-rgb), 1);--label-text-color: rgba(255, 255, 255, .54);--svg-width: 100%;padding-top:calc(1.75rem + 6vw);margin-top:calc(-1.75rem - 6vw);overflow:hidden}@media (min-width: 1200px){codersrank-activity{padding-top:6.25rem}}@media (min-width: 1200px){codersrank-activity{margin-top:-6.25rem}}codersrank-portfolio,codersrank-work-experience,codersrank-education,codersrank-timeline{--item-bg-color: #161616;--item-spacing: 1rem;--item-padding: 1rem;--logo-size:calc(1.525rem + 3.3vw);--item-border-radius: .5rem;--tag-bg-color: rgba(255, 255, 255, .075)}@media (min-width: 1200px){codersrank-portfolio,codersrank-work-experience,codersrank-education,codersrank-timeline{--logo-size: 4rem}}codersrank-portfolio{--grid-columns: 2;--link-text-color: var(--theme-color);--link-bg-color: rgba(255, 255, 255, .1);--link-hover-bg-color: rgba(255, 255, 255, .125);--link-active-bg-color: rgba(255, 255, 255, .075);--link-border-radius: .5rem;--link-padding: .25rem .5rem;--link-text-transform: none;--link-font-weight: 500;--link-margin: .5rem}codersrank-timeline{--grid-columns: 2;--year-text-color: var(--theme-color);--year-line-color: var(--theme-color);--tag-bg-color: rgba(255, 255, 255, .1);--link-bg-color: rgba(255, 255, 255, .1);--link-hover-bg-color: rgba(255, 255, 255, .125);--link-active-bg-color: rgba(255, 255, 255, .075);--link-border-radius: .5rem;--link-padding: .25rem .5rem;--link-text-transform: none;--link-font-weight: 500;--link-margin: .5rem;--timeline-item-bg-color: rgba(255, 255, 255, .1)}footer{text-align:center;opacity:.55}@media (max-width: 48rem){.intro{display:block}.avatar{width:calc(2.125rem + 10.5vw);margin-bottom:1.25rem}}@media (max-width: 48rem) and (min-width: 1200px){.avatar{width:10rem}}@media (max-width: 48rem){codersrank-portfolio,codersrank-work-exprerience,codersrank-education{--grid-columns: 1;--item-spacing: .5rem;--logo-size:calc(1.425rem + 2.1vw)}}@media (max-width: 48rem) and (min-width: 1200px){codersrank-portfolio,codersrank-work-exprerience,codersrank-education{--logo-size: 3rem}}codersrank-work-experience{--title-font-size: 1rem}@media (max-width: 40rem){main{padding-left:1.25rem;padding-right:1.25rem}h1{font-size:calc(1.325rem + .9vw)}}@media (max-width: 40rem) and (min-width: 1200px){h1{font-size:2rem}}@media (max-width: 40rem){h2{font-size:calc(1.275rem + .3vw)}}@media (max-width: 40rem) and (min-width: 1200px){h2{font-size:1.5rem}}@media (max-width: 40rem){.widget+.widget{margin-top:.5rem}codersrank-summary{--badge-margin: .5rem}codersrank-activity{margin-top:calc(-1.45rem - 2.4vw)}}@media (max-width: 40rem) and (min-width: 1200px){codersrank-activity{margin-top:-3.25rem}}.codersrank-summary-branding{display:none!important}.three_background{position:fixed;left:0;top:0;z-index:-1;opacity:.7}header{background:rgba(0,0,0,.8980392157);display:flex;flex-direction:row;position:sticky;width:100;z-index:999;top:0}header>h3{margin:1rem auto;opacity:.5}header h3:hover{opacity:1;transition:.8s}section:not(.intro){scroll-margin:calc(1.625rem + 4.5vw)}@media (min-width: 1200px){section:not(.intro){scroll-margin:5rem}}.router_content{background:transparent;display:flex;flex-direction:column}@media (max-width: 50rem){.codersrank-work-experience-item{display:flex!important;flex-direction:column!important}.codersrank-work-experience-logo{padding:1rem 0rem}section{margin:calc(1.375rem + 1.5vw) .75rem}}@media (max-width: 50rem) and (min-width: 1200px){section{margin:2.5rem .75rem}}@media (min-width: 75rem){html{font-size:1rem}}