@font-face{font-family:"SHS";src:url(/fonts/SourceHanSansJP-VF.otf.woff2)}@font-face{font-family:"Source Code Pro";src:url(/fonts/SourceCodePro-Medium.otf)}@font-face{font-family:"Shinonome";src:url(/fonts/JF-Dot-Shinonome14.ttf);font-weight:normal}@font-face{font-family:"Shinonome";src:url(/fonts/JF-Dot-Shinonome14B.ttf);font-weight:bold}h1{margin-left:calc(var(--4th-total)*-1);padding-left:var(--heading-padding);box-shadow:var(--1st-total) 0 0 0 var(--1st-color),var(--2nd-total) 0 0 0 var(--2nd-color),var(--3rd-total) 0 0 0 var(--3rd-color),var(--4th-total) 0 0 0 var(--4th-color);transition:box-shadow .3s ease,padding-left .3s ease}h1:hover{box-shadow:calc(var(--4th-total)/4) 0 0 0 var(--1st-color),calc(var(--4th-total)/2) 0 0 0 var(--2nd-color),calc(var(--4th-total)/4*3) 0 0 0 var(--3rd-color),calc(var(--4th-total)) 0 0 0 var(--4th-color);padding-left:calc(var(--heading-padding)*1.5)}main{margin:0 10% 0 10%;max-width:100%}.blog-list{--gap-width: 10pt;display:flex;flex-wrap:wrap;gap:var(--gap-width)}.blog-container{margin-bottom:10pt;text-decoration:none;width:calc(25% - var(--gap-width));display:flex;flex-direction:column;transition:opacity .3s ease-out,transform .3s ease-out;outline:1pt solid var(--border);background-color:var(--card-color);border-radius:10pt;overflow:hidden}.blog-container h2{font-size:.9em}.blog-container p{font-size:.8em}.blog-container .blog-detail{flex-grow:1;padding:7pt}.blog-container .blog-thumbnail{width:100%;aspect-ratio:3/2;object-fit:cover}.blog-container:hover{transform:translateY(-3pt)}