body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;margin:0;padding:0}.App{min-height:100vh}.banner{background-position:50%;background-repeat:no-repeat;background-size:cover;height:350px;width:100%}.site-header{margin-top:-60px;padding:0 1rem 1rem;text-align:center}.profile-pic{border:4px solid #fff;border-radius:50%;height:120px;margin-bottom:.75rem;object-fit:cover;width:120px}.site-header h1{font-size:2.5rem;font-weight:600;margin:0 0 .5rem}.site-header p{color:#666;font-size:1.1rem;margin:0}.content-layout{display:flex;gap:2rem;margin:2rem auto;max-width:1100px;padding:0 1rem}.sidebar{flex-shrink:0;width:200px}.sidebar-item{border-radius:4px;color:#555;cursor:pointer;font-size:.95rem;padding:.5rem .75rem;transition:background .2s,color .2s}.sidebar-item:hover{background:#f5f5f5;color:#000}.sidebar-item.active{background:#f0f0f0;color:#000;font-weight:600}.post-content{flex:1 1;min-width:0}.blog-post-page,.post-content{max-width:800px}.blog-post-meta{color:#666;margin-bottom:1rem}.blog-post-content{font-size:1.1rem;line-height:1.8}.blog-post-content pre{background:#f6f8fa;border-radius:8px;margin:2rem 0;overflow-x:auto;padding:1rem}.blog-post-content code{font-family:Courier New,Courier,monospace}.blog-post-content code:not([class*=language-]){background-color:#f5f5f5;border-radius:3px;color:#e83e8c;font-size:.9em;padding:.2em .4em}.blog-post-content img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:2rem auto;max-width:100%}.blog-post-content img+em{color:#666;display:block;font-size:.9rem;margin-bottom:2rem;margin-top:-1rem;text-align:center}.blog-post-content blockquote{border-left:4px solid #eee;color:#666;font-style:italic;margin:1rem 0;padding-left:1rem}@media (max-width:768px){.content-layout{flex-direction:column}.sidebar{display:flex;flex-wrap:wrap;gap:.25rem;width:100%}.sidebar-item{font-size:.85rem;padding:.4rem .6rem}.site-header h1{font-size:2rem}.banner{height:250px}}
/*# sourceMappingURL=main.7ef3ad36.css.map*/