@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=Sevillana&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 0.3s ease-in-out, border-radius 0.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 0.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: transparent; 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)}