:root{--background: #1e1e2e;--background-light: #dbdbff;--button: #bf7fff;--text: #dbdbff;--text-light: #1e1e2e;--text-link: #bf7fff;--text-link-body: #3366cc;--text-link-body-visit: #9966ff;--underline: #244970;--accent-color: #9a4957;--header: "Hiragino Kaku Gothic Pro", sans-serif;--headertitle: "Newsreader", serif;--body: "Meiryo", sans-serif}html{background-color:var(--background);color:var(--text)}body{max-width:600px;margin:0 auto}h1,h2,h3{font-family:var(--header);font-weight:400}h1{font-size:1.8rem;margin-top:40px}h2{font-size:1.6em;font-weight:700;color:var(--accent-color);margin-top:40px;padding-left:.3em;padding-right:.3em;border-left:solid .75rem var(--accent-color)}h3{font-size:1.3em;font-weight:700;padding-top:10px;text-decoration:underline var(--underline);text-decoration-thickness:2px;text-underline-offset:6px}p{font-family:var(--body);font-size:1rem;hyphens:auto;line-height:1.5}.larger{font-family:var(--body);font-size:2rem;hyphens:auto;line-height:1.5}.small{font-size:.7em}a{color:var(--text-link-body);word-break:break-all}a:visited{color:var(--text-link-body-visit)}table{border-collapse:collapse;font-family:sans-serif;font-size:.8rem;letter-spacing:1px}th,td{border:2px solid rgb(183,112,215);padding:8px 10px}small,li{font-family:var(--body)}iframe.youtube-16-9{width:100%;height:auto;aspect-ratio:16 / 9;max-width:600px;display:block;margin:auto}iframe.mastodon-embed{text-align:center;max-width:600px;margin:auto}.twitter-share-button{margin-top:1rem}.navbar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.navbar__title{font-family:var(--headertitle);font-weight:500;font-size:1.8rem;margin-top:.3rem;text-align:left}.navbar__menu{font-family:var(--body);font-size:1rem;margin-top:.3rem;text-align:right}.navbar__title>a,.navbar__menu>a{color:var(--text);text-decoration:none}.navbar__menu>a{margin:0 10px}.navbar__title>a:hover,.navbar__menu>a:hover,.navbar__menu>a:focus{text-decoration:underline var(--underline);text-decoration-thickness:2px;text-underline-offset:6px}figure{text-align:center;margin:0 auto}figure.image img{margin:20px 0 0}figure.respimage img{max-width:600px;width:100%;height:auto;margin:20px 0 10px}.gif{margin:20px 0 0;text-align:center}.badge{background-color:#584966;color:var(--text);border-radius:6px;font-family:var(--body);font-weight:600;font-size:.85rem;padding:.3em .6em .2em}.badge__list{text-indent:1rem;list-style:none;padding:0}.badge__list>li{margin-top:10px}.badge--item{border-radius:4px;font-size:.7rem;margin-right:5px;padding:.5em .3em .3em}.badge__link{color:var(--text-link);text-decoration:none}.badge__link:hover{text-decoration:underline}.card{list-style:none;display:flex;background-size:400%;padding:20px}.card__link{width:100%;text-decoration:none;line-height:1.4;border-radius:8px;color:var(--text)}.card__img{border-radius:16px}.card__title{margin:0;font-family:var(--body);font-size:1.5rem;font-weight:400;text-align:center}.card__txt{font-size:1rem;line-height:1.5;text-indent:0;text-align:center;margin:.5rem 0 0}.card__link:hover{transform:scale(1.05)}.link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0}.btn{text-align:center;background:#0000;border:2px solid var(--button);border-radius:8px;color:var(--text);font:600 16px var(--body);padding:8px 16px;transition:background-color .4s,color .4s}.btn:hover{background-color:var(--button);color:var(--text-light);cursor:pointer}.skills{margin-top:8px}.skills__img{margin:8px 4px}.leftalign{text-align:start}.center{text-align:center}.pro-img{border-radius:16px;margin-top:10px}footer{font-size:.9rem;margin:4rem 0}.footer__link{color:var(--text-link);text-decoration:none}.footer{cursor:default;list-style:none;padding:0}.icon__btn{display:inline-block;padding:0 .5rem}.icon__link{display:flex;padding:10px;height:20px;width:20px;border-radius:50%;border:2px solid #fdebf3}.icon__link:hover{border-color:var(--text-link)}.git-icon{content:url(/github-mark-white.svg)}.mail-icon{content:url(/mail-white.svg)}.linked-in{content:url(/li-in-white.png)}.lost{margin-top:30%;text-align:center}.lost__header{margin:0 auto;text-align:center;border:0;font-size:7.5rem;letter-spacing:10px}.lost__body{color:#5c5b77}.lost__link{color:var(--text-link);text-decoration:none}html.light{background-color:var(--background-light);color:var(--text-light)}.light .navbar__title>a{color:var(--text-light)}.light .navbar__menu>a{color:var(--text-light)}.light .card__title,.light .card__txt,.light .btn{color:var(--text-light)}.light .btn:hover{color:var(--text)}.light .icon__link{border:2px solid var(--text-light)}.light .icon__link:hover{border-color:var(--text-link)}.light .git-icon{content:url(/github-mark.svg)}.light .mail-icon{content:url(/mail.svg)}.light .linked-in{content:url(/li-in.png)}.light .badge__link{color:var(--text-link)}.light th,td{border:2px solid rgb(35,0,51);padding:8px 10px}@media only screen and (max-width: 600px){body{width:350px}.navbar{display:initial}.navbar__title,.navbar__menu{text-align:center}.navbar__menu>a{margin:0 11px}.skills__img{height:30px;width:30px;margin:8px 1px}.badge__list{font-size:.9rem;text-indent:0}.pro-img{height:auto;width:350px}}.container-game{width:80%;max-width:800px;background-color:#fff;box-shadow:0 0 10px #0000001a;padding:20px;border-radius:10px}header{text-align:center;margin-bottom:20px}.game-info,.result-display{margin-bottom:20px;text-align:center}.word-display,.log-display{border:2px solid #ccc;border-radius:5px;padding:10px;margin-bottom:20px;background-color:#f9f9f9}.controls{text-align:center}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}