:root{--background-color: #ffffff;--text-color: #444444;--h1-color: #65a2ac;--h2-color: #778899;--name-color: #666666;--pale-color: #888888;--a-color: #447f88;--a-visited-color: #754488;--help-window-box-shadow: #999999;--snowflake-0: #83b0df;--snowflake-1: #83d2df;--snowflake-2: #8de2f0;--snowflake-3: #8fa8a4;--snowflake-4: #9683df;--snowflake-5: #cccccc}@media(prefers-color-scheme:dark){:root{--background-color: #142022;--text-color: #ffffff;--h1-color: #65a2ac;--h2-color: #8fa8a4;--h2-color: #a6bed6;--name-color: #999999;--pale-color: #888888;--a-color: #58a5b0;--a-visited-color: #bb6cd9;--snowflake-0: #24578F;--snowflake-1: #154C51;--snowflake-2: #093F49;--snowflake-3: #4B625D;--snowflake-4: #7158D5;--snowflake-5: #404040}}body.spring{--snowflake-0: hsl(308, 50%, 70%);--snowflake-1: hsl(308, 60%, 75%);--snowflake-2: hsl(308, 70%, 80%);--snowflake-3: hsl(308, 50%, 40%);--snowflake-4: hsl(98, 50%, 70%);--snowflake-5: #cccccc}html,body{height:100%;margin:0}html{font-family:Zen Kaku Gothic New,sans-serif;font-weight:400;color:var(--text-color);background-color:var(--background-color);transition:.5s}body{display:flex;flex-direction:column;line-height:1.75}h1{color:var(--h1-color);font-family:Zen Kurenaido,sans-serif;font-size:2rem;margin:0}h2{font-family:Noto Sans Display,sans-serif;font-size:2rem;font-weight:300;margin:0;color:var(--h2-color)}main>section{width:100%}a{color:var(--a-color);text-decoration:none;word-break:break-all}a:hover{text-decoration:underline}a:visited{color:var(--a-visited-color)}section>div>ul,section>div>p{margin-top:0;margin-bottom:0}section>div{margin-top:20px}li{list-style-type:none}@media(max-width:799px){ul{padding-left:1rem}ul>ul{padding-left:1rem}}code{font-family:Noto Sans Mono,monospace}header,main,footer{width:min(90%,1000px)}header{height:50px;margin:auto;display:flex;flex-direction:row;justify-content:space-between}header>div{margin-top:auto}main{margin:40px auto;flex-grow:1;display:grid;gap:5rem}footer{color:var(--pale-color);margin:50px auto 40px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5em}footer a{color:var(--a-color);text-decoration:none}footer a:visited{color:var(--a-visited-color)}@media(max-width:799px){footer{margin-top:20px;width:100%;flex-direction:column;align-items:center;gap:.5em}}a>picture>img,a>img{height:40px}span.key{color:var(--pale-color)}div.links{margin:20px 0;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}div.licenses{display:flex;flex-direction:column}@media(max-width:799px){div.links{justify-content:center;flex-direction:column}div.links>div{margin:0 auto}div.licenses>small{margin-left:auto;margin-right:auto}}svg.snow-svg{position:absolute;top:0;left:0;z-index:-1;animation-timing-function:ease-in-out}svg.snow-svg>text{-webkit-user-select:none;user-select:none;font-family:Kaisei Tokumin,serif}svg.snow-svg>text.italic{font-family:Kaisei Tokumin,serif;font-style:italic}body.spring svg.snow-svg>text{font-family:Annapurna SIL,serif;font-weight:400;font-style:normal}body.spring svg.snow-svg>text.italic{font-family:Annapurna SIL,serif;font-weight:400;font-style:normal}svg.snow-svg>text.snowflake-color-0{fill:var(--snowflake-0)}svg.snow-svg>text.snowflake-color-1{fill:var(--snowflake-1)}svg.snow-svg>text.snowflake-color-2{fill:var(--snowflake-2)}svg.snow-svg>text.snowflake-color-3{fill:var(--snowflake-3)}svg.snow-svg>text.snowflake-color-4{fill:var(--snowflake-4)}svg.snow-svg>text.snowflake-color-5{fill:var(--snowflake-5)}picture.umbrella-folded,picture.umbrella-open:hover{cursor:pointer}span.display-none,picture.display-none{display:none}@keyframes fade-out{0%{opacity:1}to{opacity:0}}text.snow-flake.fading-out{animation-name:fade-out;animation-duration:3s;animation-timing-function:ease-out;animation-fill-mode:forwards}section.skills>div,section.works>div{display:grid;gap:40px}@media(max-width:799px){section.skills>div{gap:60px}}div.skill-container{display:grid;grid-template:"skill-logo skill-name" 1.75rem "skill-logo skill-note" auto / 100px auto}div.skill-logo{grid-area:skill-logo;height:90px}div.skill-name{grid-area:skill-name;color:var(--name-color);font-weight:700}div.skill-note{grid-area:skill-note}div.skill-logo>picture>img,div.skill-logo>img{width:60px;display:block;margin:0 auto}@media(max-width:799px){div.skill-container{grid-template:"skill-logo" auto "skill-name" 1.75rem "skill-note" auto / auto}div.skill-logo{height:60px}div.skill-logo>picture>img,div.skill-logo>img{height:60px;width:auto;margin:0 auto 0 0}}div.work-container{display:grid;grid-template:"work-name" 1.75rem "work-url" auto "work-note" auto / auto}div.work-name{grid-area:work-name;color:var(--name-color);font-weight:700}div.work-url{grid-area:work-url}div.work-note{grid-area:work-note}dialog{background-color:var(--background-color);color:var(--foreground-color);border:none;outline:none;border-radius:10px;opacity:.95;width:fit-content;height:fit-content;padding:0;box-shadow:0 0 5px 1px var(--help-window-box-shadow);overflow-y:hidden}dialog::backdrop{background-color:rgb(var(--background-color) / .5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog>div{padding:0;display:grid;grid-template-rows:repeat(auto,minmax(200px,1fr))}dialog>div>header{display:flex;justify-content:flex-end;width:100%;height:fit-content}dialog>div>header>button{background-color:var(--background-color);color:var(--foreground-color);border:none;font-size:24px;cursor:pointer;width:fit-content;height:fit-content}dialog>div>header>button:hover{color:var(--background-color);background-color:var(--text-color)}dialog>div>div{padding:0 2rem 1rem;max-width:80vw;max-height:60vh;overflow-y:scroll}@media(max-width:799px){dialog>div>div{max-width:70vw}}dialog h2{font-family:Zen Kaku Gothic New,sans-serif}span.regex-explanation-span{cursor:pointer}