@import "/legacy.css";*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#0f172a;color:#cbd5e1}h1,h2,h3,h4,h5,h6{color:#f8fafc}h1{margin-block:.67em;font-size:2em}a{color:#22d3ee;transition:color .35s}a:hover{color:#f8fafc;text-decoration:none}code{font-family:monospace,monospace;font-size:1em;color:rgba(203,213,225,.8);text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}pre{font-size:1rem;line-height:1.2em;margin:0;overflow:auto}pre code{font-size:.8em}::selection{background:rgba(203,213,225,.25)}::-moz-selection{background:rgba(203,213,225,.25)}.app-header{padding:2.5em;background:#020617;text-align:center}.app-header-avatar{width:15rem;height:15rem;border-radius:100%}.app-container{padding:2.5rem}.app-header-social{display:flex;align-items:center;justify-content:center;font-size:2em;color:#f8fafc}.app-header-social a:not(:last-child){margin-right:.4em}.app-header-title{color:#f8fafc;display:block;font-size:2em;margin:.67em 0;font-weight:700}@media(min-width:940px){.app-header{position:fixed;top:0;left:0;width:20rem;min-height:100vh}.app-container{max-width:65rem;margin-left:20rem}}.error-404{text-align:center}.error-404-title{text-transform:uppercase}.icon{display:inline-block;width:1em;height:1em;margin-top:-.125em}.pagination{display:block;list-style:none;padding:0;font-size:.8em;text-align:center;margin:3em 0}.page-item{display:inline-block}.page-item .page-link{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}.page-item.active .page-link{color:#f8fafc;border-radius:2em;background:#22d3ee}.post-title{color:#f8fafc}.post-meta>div{display:flex;align-items:center;flex-wrap:wrap;gap:.2em;font-size:.8em}.post-meta>div>.icon{margin-right:.4em}.post-content>pre,.post-content .highlight{margin:1em 0}.post-content>pre,.post-content .highlight>pre,.post-content .highlight>div{border-left:.4em solid rgba(34,211,238,.8);padding:1em}.post-content blockquote{border-left:.4em solid rgba(34,211,238,.8);margin:1em 0;padding:.5em 1em;background:#020617}.post-content blockquote p{margin:.5em 0}.post-content img{max-width:100%}.posts-list{padding:0}.posts-list-item{list-style:none;padding:.4em 0}.posts-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}.posts-list-item-description{display:flex;align-items:center;font-size:.8em}.posts-list-item-description>.icon{margin-right:.4em}.posts-list-item-separator{margin:0 .4em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:rgba(255,255,255,.1);transition:color .35s,background .35s}.tag:hover{transition:color .25s,background .05s;background:rgba(255,255,255,.3)}.tags-list{padding:0}.tags-list-item{display:flex;align-items:center;list-style:none;padding:.4em 0}.tags-list-item>.icon{margin-right:.4em}.tags-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}@media(min-width:450px){.tags-list{display:flex;flex-wrap:wrap}.tags-list-item{width:calc(50% - 1em)}.tags-list-item:nth-child(even){margin-left:1em}.tags-list-item:nth-last-child(2){border:none}}.site-nav{position:fixed;top:0;z-index:50;width:100%;border-bottom:1px solid #1e293b;backdrop-filter:blur(12px);background:rgba(2,6,23,.82)}.site-nav-inner{max-width:72rem;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{display:flex;align-items:center;gap:.5rem;color:#f8fafc;text-decoration:none;font-weight:700}.site-brand img{width:2rem;height:2rem;display:block}.site-menu{display:none;align-items:center;gap:2rem}.site-menu a,.site-nav-link{color:#94a3b8;text-decoration:none;font-size:.875rem}.site-menu a:hover,.site-nav-link:hover,.site-menu a[aria-current=page]{color:#f8fafc}.app-container{max-width:none;margin:0;padding:0}.site-footer{border-top:1px solid #1e293b;background:#020617;color:#94a3b8}.site-footer-inner{max-width:72rem;margin:0 auto;padding:1.5rem;text-align:center}.site-footer-copy{font-size:.95rem;margin-bottom:.75rem}.site-footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.site-footer a{color:#22d3ee;font-weight:600;text-decoration:none}@media(min-width:768px){.site-menu{display:flex}}