@font-face{font-family:JetBrains Mono;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.v2.imm.woff2) format("woff2"),url(/fonts/JetBrainsMono-Regular.v2.imm.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background:#fafbfc;scrollbar-gutter:stable}body{color:#27272a;line-height:1.6;padding:24px 24px 40px}body,kbd{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif}code,kbd{background:#f2f2f2;border-radius:3px;font-size:.95rem;font-variant-ligatures:none;padding:3px 5px;-webkit-font-smoothing:auto}kbd{padding:0 5px}code{font-family:JetBrains Mono,Menlo,Consolas,Monaco,Courier New,monospace}.content{margin-inline:auto;max-width:700px}h1,h2{color:#27272a;font-weight:700}h1{font-size:2.8rem;line-height:1.2;margin:0 0 16px;text-align:center}@media(max-width:767px){h1{font-size:2.2rem}}@media(max-width:499px){h1{font-size:1.7rem}}h2{margin-bottom:.8rem;margin-top:40px;scroll-margin-top:16px;font-size:1.618rem;line-height:1.4}h2 code{background:0 0;font-family:inherit;font-size:inherit;padding:0;margin:0}@media(max-width:767px){h2{font-size:1.4rem}}@media(max-width:499px){h2{font-size:1.25rem}}main blockquote,main iframe,main img,main ol,main p,main pre,main table,main ul,main video{margin-top:24px}main blockquote:first-child,main iframe:first-child,main img:first-child,main ol:first-child,main p:first-child,main pre:first-child,main ul:first-child,main video:first-child{margin-top:0}main h2+p{margin-top:0}main p+p{margin-top:1em}main p{overflow-wrap:break-word;text-wrap:pretty}main a{color:#27272a;transition:color .1s ease}main a:active,main a:focus,main a:hover{color:#a0a1a7;text-decoration:none}main ol,main ul{padding-left:48px}main li+li{margin-top:8px}main img,main video{display:block;max-width:100%;height:auto}.black-link{color:#27272a;text-decoration:none}.black-link:active,.black-link:focus,.black-link:hover{color:#a0a1a7}.pretty{text-wrap:pretty}@media(max-width:499px){body{padding:16px}blockquote{padding:0 16px}}#footer{color:#616e7c;font-size:14px;margin-top:40px;text-align:center}.footer-icons{align-items:center;display:flex;justify-content:center;margin-top:16px}.footer-icon{box-sizing:content-box;display:flex;color:#616e7c;padding:4px;transition:filter .15s ease-in-out}.footer-icon:hover{filter:brightness(0)}.footer-icon-twitter{width:23px}.footer-icon-threads{margin-inline-start:2px;width:21px}.footer-icon-instagram{margin-inline-start:4px;width:24px}.footer-icon-github{margin-inline-start:2px;width:25px}.footer-icon-linkedin{margin-inline-start:2px;width:24px}.nav__item{align-items:center;display:flex;list-style-type:none}.nav__item a{align-items:center;border:1px solid transparent;border-radius:99px;box-sizing:border-box;color:#6b7381;font-size:16px;font-weight:500;line-height:40px;min-width:90px;padding-inline:16px;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;transition:color .1s ease-in-out}.nav__item--active a{background:#fff;border:1px solid #d5d5d5;box-shadow:0 1px 2px #0000000d;-webkit-tap-highlight-color:transparent}.nav__item a:active,.nav__item a:focus,.nav__item a:hover,.nav__item--active a{color:#27272a}@media(max-width:390px){.nav__item a{padding-inline:14px}}@media(max-width:370px){.nav__item a{min-width:0;padding-inline:12px}}.nav{display:grid;grid-template-columns:max-content;grid-template-rows:auto}.nav__background,.nav__list{grid-column:1 / 2;grid-row:1 / 2}.nav__background{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:99px}.nav__list{display:grid;grid-template-columns:auto auto auto auto;grid-template-rows:42px;height:42px}@media(max-width:767px){.nav{margin-top:16px}}.header{margin-bottom:32px;margin-bottom:clamp(32px,5vh,64px)}.inner{max-width:1150px;margin:auto;display:flex;align-items:center}.me{display:flex;align-items:center;flex-grow:1;line-height:1}.avatar{border-radius:40px;display:flex;margin:4px;padding:4px}.avatar img{border-radius:50%}.name{display:block;position:relative;padding:4px 8px;color:#27272a;font-weight:600;font-size:23px;text-decoration:none;transition:color .1s ease-in-out}.name:active,.name:focus,.name:hover{color:#a0a1a7}.title{padding:0 0 4px 8px;color:#616e7c;font-size:18px}@media(max-width:767px){.inner{flex-direction:column;text-align:center}.header__avatar{margin:0}.title{padding-left:0}.header{margin-bottom:32px}}
