:root{--background: #121212;--text: #BDBDBD;--link: #616161}html,body{max-height:100%;margin:5vh 3vw 5vh 3vw;font-family:BioRhyme,serif;font-size:1.15em;background-color:var(--background);color:var(--text)}a{color:var(--link);text-decoration:none;padding-left:.5%;padding-right:.5%;transition:.15s ease-in}a:hover{background-color:var(--text);color:var(--background);transition:.15s ease-in}span{display:block}main{margin-top:10vh;margin-bottom:7vh;font-size:1.1em;position:relative}#title{padding-bottom:0;font-size:3.2em;font-weight:800;letter-spacing:-.02em}.fa-palette{position:fixed;bottom:1vh;right:1vw;margin:0;padding:.6vh .8vw;font-size:1.6em;color:var(--text);background:transparent}.fa-palette:hover{color:var(--link);cursor:pointer}#title a{color:var(--text);text-decoration:none;padding-right:.6rem;font-weight:800}.line,.status-line{white-space:nowrap;display:block;margin:.5rem 0}.link{display:block;padding-left:1rem;color:var(--link);margin:.4rem 0}html,body{font-size:clamp(.95rem,1.15vw + .9rem,1.15rem)}@media(max-width:720px){html,body{margin:4vh 3vw 4vh 3vw}#title{font-size:2rem}main{margin-top:8vh;margin-bottom:5vh;padding-right:1rem;padding-left:1rem}header nav{flex-wrap:wrap;gap:.6rem}header nav a,header nav .active{padding:.4rem .6rem;display:inline-block}.fa-palette{bottom:.6vh;right:.6vw;font-size:1.4em}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}}@media(max-width:420px){html,body{margin:3vh 3vw 3vh 3vw}#title{font-size:1.6rem}.link{padding-left:.6rem;font-size:.95rem}.card{padding:.9rem}pre{white-space:pre-wrap;word-break:break-word}}@media(hover:none){a:focus{outline:3px solid rgba(255,255,255,.08);outline-offset:2px}}header nav{display:flex;gap:1rem}.active{font-weight:700}.profile-img{width:75%;height:auto;display:block;border-radius:6px}@media(max-width:480px){.profile-img{width:95%}}main{counter-reset:lineno}@media only screen and (max-width:600px){body{width:400px;height:400px}}.line,.status-line{white-space:normal;display:block;word-break:break-word}.line:before{counter-increment:lineno;content:counter(lineno);padding-right:1vw;padding-left:1vw;font-weight:700}.empty-line:before{content:"~";padding-right:1vw;font-weight:700}.status-line{display:flex;justify-content:space-between;font-weight:700}#age{display:inline}.first-level{padding-left:4vw;display:block}@media(orientation:portrait){#horizontal{display:none}#vertical{display:unset}}@media(orientation:landscape){#horizontal{display:flex;justify-content:space-between}#vertical{display:none}}.deco{display:inline;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}.card{background:#ffffff05;border:1px solid rgba(255,255,255,.03);padding:1.25rem;border-radius:8px;transition:transform .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000080}.card h3{margin:0 0 .5rem;font-size:1.15rem;color:var(--text)}.card p{margin:0 0 .75rem;color:var(--text);opacity:.9}.card a{color:var(--link);text-decoration:underline}.card h2{margin:0 0 .75rem}.card small{opacity:.8;display:block;margin-bottom:.6rem}