*{margin:0;padding:0}:root{--text: #202025;--background: #eaeaea;--main-background: #fdfdfd;--main: #3F3C5E;--sub: #757387;--link: #0e538c;--h2text: #fdfdfd}body{margin:auto;padding:5px;max-width:90vw;text-align:left;word-wrap:break-word;overflow-wrap:break-word;line-height:1.6;background:var(--background);font-family:Noto Sans JP,Verdana,"sans-serif";font:16px;color:var(--text)}h1,h2,h3,h4,h5,h6,strong,b{color:var(--text)}nav a{margin-right:10px}img{height:auto;max-width:100%}p{padding:10px 0}h2,h3,h4,h5,h6{margin:15px 0 8px}h1{font-size:1.8em;margin:.25em 0 0}h2{font-size:1.5em;background:var(--main);color:var(--h2text);padding-left:8px}h3{font-size:1.3em;border-bottom:3px dashed var(--main)}h4{font-size:1.2em}a{color:var(--link)}.main-sidebar{display:grid;gap:7px;grid-template-columns:3fr minmax(180px,1fr)}@media screen and (max-width: 768px){.main-sidebar{grid-template-columns:1fr}}.box{padding:10px 20px;margin:7px 0;border:2px solid var(--main);border-radius:2px}.splitbar{margin:10px 0;border-bottom:1px solid var(--sub)}header,footer,main,.sidebar,.blogcard{box-shadow:-5px 4px 8px -6px #00000024,5px 4px 8px -6px #00000024}header,footer,main,.sidebar{background:var(--main-background)}footer{text-align:center;margin:.5em 0 -.5em;padding:10px 0}header a{text-decoration:none;color:var(--text)}header{margin-bottom:.5em;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-flow:column;align-items:center}@media screen and (max-width: 768px){header{grid-template-columns:1fr;grid-auto-flow:row}}header nav{text-align:right}main,.sidebar{padding:10px}.pic-title{text-align:center}.youtube{width:100%;aspect-ratio:16 / 9}.nico-list{width:100%;aspect-ratio:39/22}.youtube iframe,.nico-list iframe{width:100%;height:100%}main section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.blogcard{display:grid;gap:10px;border-radius:5px;height:100%}.blogcard .title-date{display:grid;row-gap:20px;padding:0 7px}.blogcard .title-date>small{align-self:end;justify-self:end;padding:10px 5px}.blogcard img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px 5px 0 0}main section a{text-decoration:none;color:var(--text)}li{list-style-position:inside}.sidebar ul li a{padding:5px 2px}pre code{background:var(--text);color:var(--h2text);margin:10px 0;padding:10px 20px}a:where(.astro-EIMMU3LG){display:inline-block;padding:5px 2px}a:where(.astro-EIMMU3LG).active{font-weight:bolder}img:where(.astro-3EF6KSR2){height:1.7rem;width:auto;border-radius:2px;margin-right:5px;vertical-align:middle}#website-title:where(.astro-3EF6KSR2){font-size:1.3em;font-weight:700}header:where(.astro-3EF6KSR2){padding:10px 15px}