@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;1,400;1,500&display=swap';@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500&display=swap';@import 'https://fonts.googleapis.com/css2?family=Kaisei+Opti&display=swap';@import 'https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap';:root{--default-fonts:"IBM Plex Sans JP", "IBM Plex Sans",
                   "Noto Sans Japanese", "Noto Sans",
                   "Ubuntu", "Roboto", Sans;font-family:var(--default-fonts);margin:0 5%;@media(prefers-color-scheme:light){--fonts-color: #2f2f2f; --background-color: #ffffff; --links-color: #9c2341; --selection-color: rgba(0,0,0,.2); --info-card-color: transparent; --info-card-border: var(--fonts-color); --svg-color: brightness(1) invert(0); --link-youtube: #e64553; --link-misskey: #40a02b; --link-github: #5c5f77; --link-contact: #7287fd;}@media(prefers-color-scheme:dark){--fonts-color: #fcfcfc; --background-color: #0b0f14; --links-color: #89dbdd; --selection-color: rgba(255,255,255,.2); --info-card-color: #131820; --info-card-border: transparent; --svg-color: brightness(0) invert(1); --link-youtube: #f38ba8; --link-misskey: #a6e3a1; --link-github: #bac2de; --link-contact: #89b4fa;}}body{color:var(--fonts-color);background-color:var(--background-color);line-height:1.5;margin:0 auto;max-width:768px}header{border-bottom:1px solid var(--fonts-color);margin-bottom:1rem}footer{border-top:1px solid var(--fonts-color);margin-top:1rem}a{color:var(--links-color);text-decoration:none;word-break:break-all}a:active{-webkit-tap-highlight-color:transparent}img{max-width:80%;padding:0 10%}::selection{background-color:var(--selection-color)}h1,h2{font-family:kaisei opti,var(--default-fonts)}blockquote{opacity:.8;margin:16px;padding:0 24px;position:relative;box-sizing:border-box;border-left:4px solid var(--fonts-color)}footer p{font-family:playpen sans,var(--default-fonts)}.toppage-h{letter-spacing:4px}.info-card{font-family:kaisei opti,var(--default-fonts);a{color:var(--fonts-color);background-color:var(--info-card-color);border:1px solid var(--info-card-border);padding:2px 12px;margin:8px 0;border-radius:12px;display:block;transition:opacity .3s ease-in-out,border-radius .5s ease-in-out; #info-date { font-family: "Playpen Sans", var(--default-fonts); opacity: .8; letter-spacing: 2px; font-size: small; margin-bottom: 0; } #info-title { color: var(--links-color); font-size: large; margin: 2px 0; } #info-summary { margin-top: 4px; }}a:hover, a:focus{opacity:.8;border-radius:16px}}.social-links{padding:0;text-align:center}.social-links li{list-style:none;margin:18px 8px;img{filter:var(--svg-color);padding:0;width:20px;vertical-align:middle}a{color:var(--fonts-color);padding:6px 12px;border-radius:6px;transition:opacity .2s ease-in-out}a:hover, a:focus{opacity:.8}a[href="https://www.youtube.com/@lemon73"]{border:1px solid var(--link-youtube)}a[href="https://misskey.io/@lemon73"]{border:1px solid var(--link-misskey)}a[href="https://github.com/Lemon73-Computing"]{border:1px solid var(--link-github)}a[href=""]{border:1px solid var(--link-contact)}}header{position:sticky;z-index:999;background-color:var(--background-color);width:100%;top:0}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-family:kaisei opti,var(--default-fonts);> a{font-size:xx-large;margin:8px 0}input[type=checkbox]{height:40px;width:40px;padding:0;margin:0;border:0;border-radius:12px;background-color:initial;cursor:pointer;appearance:none}input[type=checkbox]::before{color:var(--fonts-color);background-color:var(--info-card-color);height:40px;width:40px;border:1px solid var(--info-card-border);border-radius:12px;font-size:xx-large;content:"=";display:flex;align-items:center;justify-content:center} #menu-header { width: 100%; max-height: 0; transition: max-height .8s ease-in-out; overflow: hidden; } input[type=checkbox]:checked + #menu-header { visibility: visible; max-height: 100vh; }}#menu-header ul{list-style:none;padding:0 5%;display:flex;flex-direction:column;li{padding:2px 10%;display:flex;justify-content:space-between;align-items:center;a{padding:10px 10%;width:100%}}}#select-lang{padding:2px 10%}form{display:flex;justify-content:center}input{width:100%}input,button{color:var(--fonts-color);background-color:var(--info-card-color);border-width:1px;border-style:solid;border-color:var(--info-card-border);border-radius:6px;padding:10px;margin:8px;transition:opacity .3s ease-in-out}button:hover,button:focus{opacity:.8}button img{filter:var(--svg-color);padding:0;width:20px;vertical-align:middle}.small{color:var(--fonts-color)}