*{margin:0;padding:0;box-sizing:border-box}html{height:auto;min-height:100%;width:stretch;display:flex;flex-direction:column}body{color:#444;background-attachment:fixed;background-image:linear-gradient(10deg,#d6f7c3,#bdf3ef);font-family:sans-serif;height:100%;min-height:100%;width:100%;max-width:100%;padding:0;margin:0;flex-grow:1;display:flex;flex-flow:column;justify-content:center;align-items:center}.body-container{flex-grow:1;width:100%;min-width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}header{width:100%;font-size:x-large;height:3.5em;position:sticky;top:0;background:#fff;border-bottom:30px solid rgba(255,255,255,.4);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);display:flex;justify-content:center;div{padding:0 4rem;width:1e3px;max-width:1e3px;display:flex;justify-content:flex-start;align-items:center}}main{flex:1;width:100%;max-width:1e3px;padding:2rem 4rem;p:has(> img){width:100%;display:flex;justify-content:center;align-items:center;img{width:50%}}}footer{margin:2rem 1rem;width:1e3px;max-width:1e3px;p{text-align:center}hr{margin:1rem 2rem}}.post-li{margin-bottom:1rem;.post-li-href{display:flex;justify-content:flex-start;a{width:auto;display:flex;justify-content:flex-start;align-items:end;h2{padding-right:.5rem}}}}.voice-ul{.voice-li{margin:1.5rem 0;padding:0 1rem;border-left:#888 solid 5px;pre{padding:5px;background-color:#eee}}}h1{font-size:x-large}h3{margin:.5rem 0}h4{margin:.5rem 0}a{color:inherit}img{width:100%}.title-time{margin-bottom:1rem}@media screen and (width < 1000px){html{font-size:13px}.body-container{width:100%}header{div{width:100%;max-width:100%}}main{width:95%}footer{width:95%;max-width:95%}.voice-ul{.voice-li{container-type:inline-size;audio{width:100%}pre{font-size:min(13px,3cqw)}}}h1{font-size:large}h2{font-size:medium}h3{font-size:small}h4{font-size:smaller}h5{font-size:smaller}h6{font-size:smaller}}