@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";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{-webkit-appearance:none;-moz-appearance:none;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:0}@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;-webkit-appearance:none;-moz-appearance: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%) rotate(45deg);width:100%;top:50%}.hamburger:checked:before{transform:translateY(-50%) rotate(-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:400}.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}:root{--primary: hsl(287 60% 65%);--primary-op: hsl(287 60% 65%/.1);--gray: hsl(219 14% 71%);--gray-op: hsl(219 14% 71%/.1);--background: hsl(218 12% 18%);--white: hsl(0 0% 100%)}