.blog-content pre{background-color:#151520;border-radius:.5rem;padding:1.25rem;margin:1.5rem 0;overflow-x:auto;border:1px solid #2d2d3a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-content pre code{font-family:Fira Code,Roboto Mono,monospace;font-size:.9rem;line-height:1.5;display:block;padding:0;background-color:transparent}.blog-content code{background-color:#1e1e2d;padding:.2rem .4rem;border-radius:.25rem;font-family:Fira Code,Roboto Mono,monospace;font-size:.9em;color:#e2e8f0}.blog-content .token.comment,.blog-content .token.prolog,.blog-content .token.doctype,.blog-content .token.cdata{color:#6c7a89}.blog-content .token.punctuation{color:#a3a9b3}.blog-content .token.property,.blog-content .token.tag,.blog-content .token.boolean,.blog-content .token.number,.blog-content .token.constant,.blog-content .token.symbol{color:#e6db74}.blog-content .token.selector,.blog-content .token.attr-name,.blog-content .token.string,.blog-content .token.char,.blog-content .token.builtin{color:#a6e22e}.blog-content .token.operator,.blog-content .token.entity,.blog-content .token.url,.blog-content .token.variable{color:#66d9ef}.blog-content .token.atrule,.blog-content .token.attr-value,.blog-content .token.keyword{color:#f92672}.blog-content .token.function,.blog-content .token.class-name{color:#a6e22e}.blog-content h1{font-size:2.25rem;font-weight:700;margin-top:2.5rem;margin-bottom:1.5rem;color:#fff}.blog-content h2{font-size:1.875rem;font-weight:700;margin-top:2rem;margin-bottom:1.25rem;color:#fff}.blog-content h3{font-size:1.5rem;font-weight:600;margin-top:1.75rem;margin-bottom:1rem;color:#fff}.blog-content p{margin-bottom:1.25rem;line-height:1.7}.blog-content a{color:#3b82f6;text-decoration:none;transition:color .2s}.blog-content a:hover{color:#60a5fa;text-decoration:underline}.blog-content blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin-left:0;margin-right:0;font-style:italic;color:#d1d5db}