@font-face{font-family:"Fira Code";font-weight:300;font-style:normal;src:url(../fonts/a81da37f7831691b78df.woff) format("woff")}@font-face{font-family:"Fira Code";font-weight:400;font-style:normal;src:url(../fonts/a25d3a54ca0de3944eb7.woff) format("woff")}@font-face{font-family:"Fira Code";font-weight:500;font-style:normal;src:url(../fonts/97af194ae4a793b66f40.woff) format("woff")}@font-face{font-family:"Fira Code";font-weight:600;font-style:normal;src:url(../fonts/4558fb863ac61e930234.woff) format("woff")}@font-face{font-family:"Fira Code";font-weight:700;font-style:normal;src:url(../fonts/e3428b597c378e1fdcb0.woff) format("woff")}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,ol,ul,li,fieldset,form,label,article,aside,details,header,nav,section,summary{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{appearance:none}*,*::before,*::after{box-sizing:border-box}body,html{background-color:var(--background);color:var(--white);font-family:"Fira Code",monospace;display:flex;gap:112px;flex-direction:column}.dots{width:10vmin;height:auto}.dots circle{fill:var(--gray)}.media-header{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;left:16px;gap:8px;top:0px}@media(max-width: 1024px){.media-header{display:none}}.media-header__links{display:grid;grid-auto-columns:1fr}.media-header__line{width:1px;height:33vh;background-color:var(--gray);display:block}.hamburger{width:32px;margin:0;aspect-ratio:1;display:none;appearance:none;position:absolute;cursor:pointer;right:8px;top:32px;z-index:9999}.hamburger::before,.hamburger::after{content:"";width:100%;height:2px;position:absolute;top:30%;background-color:var(--gray);transition:all .2s ease}.hamburger::after{width:75%;top:70%;right:0}@media(max-width: 1024px){.hamburger{display:block}.hamburger:checked::after{transform:translateY(-50%) rotateZ(45deg);width:100%;top:50%}.hamburger:checked::before{transform:translateY(-50%) rotateZ(-45deg);top:50%}.hamburger:checked~.media-header{display:flex;top:calc(100% - 16px);left:50%;transform:translate(-50%, -100%);z-index:9999}.hamburger:checked~.media-header .media{width:48px}.hamburger:checked~.media-header .media-header__links{display:flex;gap:16px}.hamburger:checked~.media-header .media-header__line{display:none}.hamburger:checked~.container{width:100vw;height:100vh}.hamburger:checked~.container .dropdown{display:flex;position:absolute;bottom:-16px;font-size:24px;transform:translateY(100%);right:0}.hamburger:checked~.container .header__inner{align-items:start}.hamburger:checked~.container .header__links{display:flex;position:absolute;flex-direction:column;bottom:-32px;transform:translateY(100%);font-size:24px}}.header{padding-top:32px;padding-bottom:8px;background-color:var(--background);position:fixed;top:0;width:100%;z-index:999}.header__inner{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;position:relative}.header__links{margin-left:auto;display:flex;align-items:flex-start;gap:32px}.header__link{color:var(--gray)}.header__link_active{font-weight:600;color:var(--white)}.header__link::before{content:"#";color:var(--primary);font-weight:normal}.header__link:hover{color:var(--white)}@media(max-width: 1024px){.header{padding-top:16px}.header__links,.header .dropdown{display:none}}.footer{max-width:inherit;width:100%;border-top:1px solid var(--gray);padding-top:32px;margin-bottom:16px}.footer__copyright{color:var(--gray);text-align:center}.footer__header{display:flex;gap:32px}.footer__email{color:var(--gray)}.footer__email:hover{color:var(--white)}.footer__description{margin-top:16px}.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;margin-bottom:48px}.footer__list{display:flex;gap:8px}.footer__title{font-weight:500;font-size:24px}.button{display:inline-block;padding:8px 16px;border:1px solid var(--primary);font-weight:500}.button:hover{background-color:var(--primary-op)}.button__secondary{border-color:var(--gray);color:var(--gray)}.button__secondary:hover{background-color:var(--gray-op)}.dropdown{color:var(--gray);position:relative}.dropdown:hover .dropdown__list{display:flex}.dropdown__label{cursor:pointer;text-transform:uppercase}.dropdown__label::after{content:"V";display:inline-block;scale:1 .3;font-weight:500;margin-left:4px}.dropdown__label:hover{color:var(--white)}.dropdown__label:hover::after{rotate:180deg}.dropdown__list{display:none;flex-direction:column;border:1px solid var(--gray);position:absolute;background-color:var(--background);bottom:0;transform:translateY(100%)}.dropdown__option{cursor:pointer;padding:8px;text-transform:uppercase}.dropdown__option:hover{color:var(--white)}.dropdown__option:first-child{padding-bottom:4px}.dropdown__option:nth-child(2){padding-top:4px}.media{width:32px;aspect-ratio:1}.media__icon{width:100%;aspect-ratio:1}.media__icon:hover{filter:brightness(0) invert(1)}.path{align-self:start;display:block;width:100%}.path__name{font-size:32px;font-weight:600}.path__name::before{content:"/";color:var(--primary)}.path__description{color:var(--gray);margin-top:16px}.h2{font-size:32px;font-weight:500;position:relative;float:none;clear:both;display:inline-block}.h2::before{content:"#";color:var(--primary)}.h2::after{content:"";display:block;width:10vw;height:1px;background-color:var(--primary);position:absolute;transform:translate(100%, -50%);right:-16px;top:50%}.container{max-width:1024px;margin:0 auto;position:relative}@media(max-width: 1024px){.container{padding:16px}}.content{margin-top:112px;flex:1;display:flex;flex-direction:column;align-items:center;gap:112px}.logo{display:flex;gap:8px}.logo__img{aspect-ratio:1;width:16px}.logo__name{font-weight:700}.github-stats{width:100%;padding:64px 0}.github-stats__title{font-size:2rem;color:var(--white);text-align:center;margin-bottom:48px;position:relative}.github-stats__title::before{content:"#";color:var(--purple);margin-right:8px}.github-stats__content{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:32px;align-items:start}@media(max-width: 768px){.github-stats__content{grid-template-columns:1fr;gap:24px}}.github-stats__card{background:rgba(40,44,52,.5);border:1px solid var(--gray);border-radius:8px;padding:24px;text-align:center;transition:all .3s ease}.github-stats__card:hover{border-color:var(--purple);transform:translateY(-4px)}.github-stats__card h3{color:var(--white);font-size:1.2rem;margin-bottom:16px;font-weight:600}.github-stats__card img{width:100%;max-width:100%;height:auto;border-radius:4px}:root{--primary: hsl(287 60% 65%);--primary-op: hsl(287 60% 65%/0.1);--gray: hsl(219 14% 71%);--gray-op: hsl(219 14% 71%/0.1);--background: hsl(218 12% 18%);--white: hsl(0 0% 100%)}