:root{--bg-color: #101010;--text-color: #A9B7C6;--text-alt-color: #808080;--accent-color: #ff79c6}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg-color);color:var(--text-color);font-family:monospace;font-size:18px;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:800px;margin:0 auto}a{color:var(--accent-color);text-decoration:none;padding:2px 4px;border-radius:3px;transition:background-color .2s ease}a:hover{background-color:var(--accent-color);color:var(--bg-color)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{padding-left:0}.navbar{list-style:none;display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}h1{color:var(--text-color);font-size:2.5rem;margin:2rem 0 1rem}h2{color:var(--text-color);font-size:2rem;margin:2rem 0 1rem}h3{color:var(--text-color);font-size:1.5rem;margin:2rem 0 1rem}nav ul{list-style:none}nav ul li{margin:1rem 0}ul:not(.navbar){list-style:disc;padding-left:2rem;margin:1rem 0}ul:not(.navbar) li{margin:.5rem 0}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:2rem}.post-content li{margin:.75rem 0}.post-content ol{list-style:decimal}.post-content ul{list-style:disc}.post-content pre{margin:1.5rem 0;padding:1rem;background-color:#1a1a1a;border-radius:4px;overflow-x:auto}.post-content code{font-family:monospace}.post-content p{margin:1rem 0}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0}.post-content th,.post-content td{border:1px solid rgba(255,255,255,.2);padding:.75rem;text-align:left}.post-content th{background-color:#ffffff0d;font-weight:700}.post-content tr:hover{background-color:#ffffff05}main{flex:1}footer{margin-top:auto;padding-top:2rem;padding-bottom:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:var(--text-color);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}article{margin-top:2rem}.post-list{margin-top:2rem}.post-item{margin:1.5rem 0}.post-item a{padding-left:0}.post-meta{font-size:.9rem;color:var(--text-alt-color);margin-top:.25rem}.post-date{color:var(--text-alt-color)}.post-description{color:var(--text-color);opacity:.7}.post-content{margin-top:3rem}article img{max-width:100%;height:auto;margin:2rem 0}@media(max-width:768px){body{font-size:16px}#root{padding:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.navbar{flex-direction:column;gap:.5rem;margin-bottom:2rem}ul:not(.navbar){padding-left:1.5rem;margin-left:.5rem}.post-content ul,.post-content ol{padding-left:1.5rem;margin-left:.5rem}.post-content pre{padding:.75rem;font-size:.875rem}.post-content table{font-size:.875rem}.post-content th,.post-content td{padding:.5rem}footer{font-size:.875rem;padding-top:1.5rem;padding-bottom:1.5rem}}@media(max-width:480px){body{font-size:14px}#root{padding:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}ul:not(.navbar){padding-left:1.25rem;margin-left:.75rem}.post-content ul,.post-content ol{padding-left:1.25rem;margin-left:.75rem}}