*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-theme:#d9f2ea;--color-link:#20604a;--color-bg:#fff;--color-text:#333;--font-heading:"Open Sans", sans-serif;--font-body:"Roboto", sans-serif;--container-max-width:1280px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-weight:400}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 1rem}header{background-color:var(--color-theme);padding-top:.7rem}.header-inner{align-items:baseline;display:flex}header h1{font-family:var(--font-heading);text-transform:uppercase;font-size:3.5rem;font-weight:300;font-stretch:75%;line-height:.77}header h1 a{color:#fff}header h1 a:hover{text-decoration:none}.name{margin:2rem 0}.name h2{font-size:2.5rem;font-weight:400}.name-ja{font-size:1.25rem}.aliases{color:#aaa;margin-top:.25rem;font-size:.9rem}.profile-grid{grid-template-columns:5fr 7fr;gap:1.5rem;display:grid}.socials{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.socials a{color:var(--color-text);display:inline-flex}.socials svg{fill:currentColor;width:40px;height:40px}.detail-item{align-items:center;gap:.33rem;margin:.75rem 0;font-size:1.25rem;display:flex}.detail-item svg{width:24px;height:24px;fill:var(--color-text);flex-shrink:0}.works{border-collapse:collapse;width:100%}.works td{vertical-align:top;border:none;padding:12px 6px;font-size:1rem}footer hr{border:none;border-top:1px solid #ddd;margin-top:3rem}.copyright{text-align:right;font-size:1.33rem;font-family:var(--font-heading);margin:1.2rem 0;font-weight:300;font-stretch:75%}@media (width<=768px){.profile-grid{grid-template-columns:1fr}}