@font-face{font-family:Karla;src:url("assets/karla-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Karla;src:url("assets/karla-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{font-size:16px;background:#090a0f}
body{margin:0;min-height:100vh;color:#fff;font-family:Karla,sans-serif;background:radial-gradient(ellipse at bottom,#223344 0%,#090a0f 100%);position:relative;overflow-x:hidden}
main{position:relative;width:100%;max-width:600px;margin:0 auto;padding:128px 0 51px;text-align:center;z-index:1}
.avatar{width:128px;height:128px;object-fit:cover;border-radius:50%;vertical-align:baseline}
h1{font-size:48px;font-weight:400;line-height:96px;margin:0 0 16px}
.badge{height:.6em;width:.6em;margin:5px;display:inline-block;vertical-align:middle}
.bio{margin:0 0 0;padding-bottom:65.914px;line-height:18.5px}
h2{font-size:24px;font-weight:700;line-height:28px;margin:0 0 19.92px}
section+section{padding-top:3.92px}
.link{display:block;color:#fff;text-decoration:none;border:2px solid #fff;border-radius:10px;margin:0 10px 16px;padding:10px;line-height:23.5px;min-height:47.5px;transition:transform .18s ease,background-color .18s ease,color .18s ease}
.link img{width:20px;height:20px;filter:grayscale(1);object-fit:contain;vertical-align:middle;margin-right:8px;transform:translateY(-1.75px)}
.link:hover{background:#fff;color:#111;transform:scale(1.025)}
.link:hover img{filter:brightness(0)}
.link:active{transform:scale(.99)}
.link:focus-visible{outline:3px solid #69b9ff;outline-offset:5px}
.stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.star-layer{position:absolute;top:0;left:0;width:1px;height:1px;background:transparent;animation:drift 120s linear infinite}
.star-layer::after{content:"";position:absolute;top:2000px;left:0;width:inherit;height:inherit;box-shadow:inherit}
#stars2{width:2px;height:2px;animation-duration:180s}
#stars3{width:3px;height:3px;animation-duration:240s}
@keyframes drift{to{transform:translateY(-2000px)}}
@media(min-width:400px){main{width:85%}}
@media(min-width:550px){main{width:80%}}
@media(max-width:349px){h1{font-size:24px;line-height:64px}}
@media(prefers-reduced-motion:reduce){.star-layer{animation:none}.link{transition:none}}