*{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}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;& h1,& h2,& h3{color:var(--section-title-color);margin-top:2rem;margin-bottom:1rem}& p{margin-bottom:1rem}& ul,& ol{margin-left:2rem;margin-bottom:1rem}& code{background-color:var(--grey-bg-color);padding:.2rem .4rem;border-radius:3px;font-family:monospace}& pre{background-color:var(--grey-bg-color);padding:1rem;border-radius:5px;overflow-x:auto;margin-bottom:1rem;& code{background-color:transparent;padding:0}}}.post-preview{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--grey-bg-color);&:last-child{border-bottom:none}& h2{margin-bottom:.5rem}& time{color:var(--text-color);opacity:.8;font-size:.9rem}& p{margin-top:.5rem;color:var(--text-color)}}