body{background-color:#336;background-image:linear-gradient(120deg,#477,#336);align-items:center;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;margin:0;min-height:100vh;padding:2rem 1rem;text-align:center}a,a.service{color:inherit}a.service{text-decoration:none}a.js-support-404{color:#039}a.js-support-404:hover{background:#cff;padding:.2ex .4ex;margin:-.2ex -.4ex;border-radius:.4ex}#header,#myself #avatar,body{background-position:center;background-repeat:no-repeat;background-size:cover}#header{background-color:#336;background-image:linear-gradient(#0009,#0009),url(/2022/01/header.png);border-radius:1rem 1rem 0 0;box-sizing:border-box;color:#fff0;display:block;font-size:1rem;height:3rem;left:0;padding:.5rem 1rem;position:absolute;top:0;width:100%}h1{font-size:inherit}#main{background:#fff;border-radius:1rem;display:inline-block;margin:auto 0;max-width:32rem;padding:6rem min(3rem,5vw) 3rem;position:relative}#main.p404 h2{color:#333;font-family:sans-serif;font-size:172.8%;font-weight:bolder;margin:0 0 2rem}#myself #avatar{background-color:#fea;background-image:url(/2022/01/avatar.png);background-origin:border-box;border-radius:50%;border:1px solid rgba(0,0,0,.03);display:inline-block;height:min(160px,30vw);width:min(160px,30vw)}#myself p,h1{margin:0}#myself .name{font-size:1.44rem;font-weight:700;margin-top:1ex}#myself .description{margin:1ex auto 0;max-width:80%}@media screen and (max-width:640px){#myself .description{max-width:none}}#links,#links .service{align-items:center;display:flex}#links{column-gap:.4rem;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:2rem;row-gap:.2rem;text-align:left;padding:0 2rem}#links .service{background-color:#fff;border-radius:.5rem;border:0 solid #ccc;justify-content:space-between;padding:.5rem;transition:.2s background-color}#links .service:hover{background-color:#f3f3f3;border-color:#999}#links .service .icon{width:2rem;height:2rem;fill:#000;transition:.2s fill}#links .service .name{display:none}#links .service:hover#bandcamp .icon{fill:#1da0c3}#links .service:hover#bluesky .icon{fill:#0085ff}#links .service:hover#github .icon{fill:#444}#links .service:hover#steam .icon{fill:#239}#links .service:hover#twitch .icon{fill:#874af6}#links .service:hover#twitter .icon{fill:#555}#links .service:hover#youtube .icon{fill:red}#old-articles{display:inline-block;margin-bottom:1ex;font-size:.8rem}#old-articles:hover{text-decoration:underline}#footer{color:#fff5;font-size:.8rem;margin-top:2rem}#footer address{font-style:normal}.nospamat{font-size:0}.nospamat::before{content:"@";font-size:.8rem}