*{margin:0;padding:0;box-sizing:border-box}:root{--main-bg-color: #303446;--grey-bg-color: #414559;--text-color: #c6d0f5;--link-color: #8caaee;--section-title-color: #81c8be;--subsection-title-color: #a6d189}html{font-size:13px;color:var(--text-color)}.bg-main{background-color:var(--main-bg-color)}.subsection-content h4{margin-top:.5rem;margin-bottom:.5rem}@keyframes slide-in{0%{transform:translate(-100vw)}to{transform:translate(0)}}nav{padding-top:1rem;padding-bottom:1rem}nav ul{list-style:none;display:flex;justify-content:center;align-items:center}nav ul li{margin:0 .5rem}body{font-family:monospace;color:var(--text-color)}p,h1{margin-block-start:1rem;margin-block-end:1rem}h1,h2,h3{color:var(--section-title-color)}h3{margin-block-end:1rem}a{color:var(--link-color);transition:transform .2s ease;text-decoration:none;display:inline-block;transform-origin:center}a:hover{transform:scale(1.05);text-decoration:underline;text-underline-offset:.2rem}ul{list-style-position:inside;list-style-type:disc}ul li{margin-left:2rem;padding:.2rem}.subsection{margin-bottom:1rem}.subsection-content{padding-bottom:.5rem;padding-top:.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}main{animation:fade-in .5s ease-in;margin-bottom:40px;width:min(95%,120ch);margin-inline:auto;padding-right:1rem;padding-left:1rem}.name-title{color:var(--text-color);text-align:center;padding-bottom:0;margin-bottom:0}.post-meta{color:var(--text-color);opacity:.8;margin-bottom:2rem;font-style:italic}.post-content{line-height:1.6}.post-content h1,.post-content h2,.post-content h3{color:var(--section-title-color);margin-top:2rem;margin-bottom:1rem}.post-content p{margin-bottom:1rem}.post-content ul,.post-content ol{margin-left:2rem;margin-bottom:1rem}.post-content code{background-color:var(--grey-bg-color);padding:.2rem .4rem;border-radius:3px;font-family:monospace}.post-content pre{background-color:var(--grey-bg-color);padding:1rem;border-radius:5px;overflow-x:auto;margin-bottom:1rem}.post-content pre code{background-color:transparent;padding:0}.post-preview{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--grey-bg-color)}.post-preview:last-child{border-bottom:none}.post-preview h2{margin-bottom:.5rem}.post-preview time{color:var(--text-color);opacity:.8;font-size:.9rem}.post-preview p{margin-top:.5rem;color:var(--text-color)}