footer{display:flex;align-items:center;justify-content:center;height:40px;background-color:#fff;padding:0 15px}footer a{text-decoration:none;color:gray}header{display:flex;align-items:center;height:60px;background-color:#fff;box-shadow:lightgray 0 1px 1px;padding:0 15px;justify-content:space-between}header a{text-decoration:none;color:var(--black)}header a.subscribe{color:#4682b4;cursor:pointer}header a:hover,header a.subscribe:hover{text-decoration:underline;transition:all .4s ease}header a.home{display:flex;align-items:center;flex-direction:row;gap:10px}header a.home img{width:24px;height:24px}header a.home:hover{text-decoration:none;opacity:.7}.home{color:var(--black)}.home a{text-decoration:none;color:var(--black)}.home section{padding:30px 0}.home h1.section-title{font-weight:700;color:#4a4a4a}.home .heading{padding:60px 0}.home .heading h1{font-weight:700;font-size:48px;color:#4a4a4a}.home .heading p{font-size:20px;line-height:1.5}@media only screen and (max-width:600px){.home .featured{flex-wrap:wrap!important}}.home .featured{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px;flex-wrap:nowrap;gap:15px}.home .featured .feature-post{border:1px solid #d3d3d3;border-radius:10px;padding:25px;width:100%}.home .featured .feature-post:hover{border:1px solid dimgray;transition:all .4s ease}.home .featured .feature-post h1{font-size:18px;font-weight:400;color:var(--black)}.home .featured .feature-post p{font-size:14px;font-weight:400;color:var(--black)}.home .featured .post-tags{margin-top:12px}.home .featured .post-tag{font-size:12px}.home form#bitforms,.home .bitforms_error{margin:0;margin-top:10px}dialog.subscribe{border:0;box-shadow:lightgray 0 1px 6px;border-radius:5px;padding:30px;display:none}dialog.subscribe[open]{display:block}.home div#email-input-container span#caption{margin-left:0}div#email-input-container span#caption{display:flex;padding-top:10px;color:grey;font-size:11px;margin-left:40px}div#email-input-container span#caption a{color:grey;font-size:11px;text-decoration-style:dotted!important;text-decoration:underline}div#email-input-container span#caption a:hover{color:#000}section.join{color:var(--black);text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:20px}section.join h1{font-size:20px}section.join h2{font-size:14px}section.join .sib-form{margin:auto}.latest-posts{display:flex;flex-direction:column;flex-wrap:nowrap;gap:15px}.latest-posts hr{border:0;height:0;border-top:1px solid #d3d3d3;margin-left:0;margin-right:0}.latest-posts hr:last-of-type{display:none}.latest-posts .latest-post{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.latest-posts .latest-post .info h1{font-size:18px;font-weight:400;color:var(--black)}.latest-posts .latest-post .date{font-size:16px;color:dimgray}.latest-post .post-tags{margin-top:12px}.latest-post .post-tag{font-size:12px}.latest-posts .read-more{margin:20px auto;padding:10px;border:1px solid #d3d3d3;border-radius:10px;color:var(--black)}.latest-posts .read-more:hover{border:1px solid dimgray;transition:all .4s ease;text-decoration:none}.list-page h1.title{font-weight:700;font-size:32px;color:#4a4a4a;padding:60px 0}.list-page .pagination-controls{margin-top:20px}.list-page .pagination-controls .prev{float:left}.list-page .pagination-controls .next{float:right}.list-page section.subscribe{margin-top:80px}.post-tags{list-style-type:none;margin:0;padding:0;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.post-tags li{padding:6px 10px;border-radius:40px}.post-tags a,.post-tags div{text-decoration:none;color:var(--black)}li.post-tag.clickable:hover{filter:brightness(103%)}li.post-tag[data-tag="clean code"]{background-color:#fdeeea}li.post-tag[data-tag=javascript]{background-color:#eaecfd}li.post-tag[data-tag=typescript]{background-color:#e0f3f0}li.post-tag[data-tag=documentation]{background-color:#fbdbdb}li.post-tag[data-tag=debugging]{background-color:#f9dae8}li.post-tag[data-tag=testing]{background-color:#e8f9da}.post{line-height:1.4}.post hr{width:200px;border:1px solid #f5f5f5;margin:50px auto}.post-heading{display:flex;flex-direction:column;gap:15px;padding:30px 0 15px}.post-heading .post-date{color:dimgray}.post-content a{color:#4682b4}.post-navigate{padding-top:50px}.post-navigate a{color:var(--black);text-decoration:none;max-width:45%}.post-navigate .date{font-size:14px;color:dimgray}.post-navigate .prev,.post-navigate .next{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px}.post-navigate .prev{float:left;text-align:left}.post-navigate .next{float:right;text-align:right}.post-navigate:after{content:"";clear:both;display:table}section.subscribe hr{width:300px;margin:50px auto;border:none;border-top:1px solid #d3d3d3}@import "single.css";@import "header.css";@import "footer.css";@import "join.css";@import "post-tags.css";@import "index.css";@import "latest-posts.css";@import "list.css";:root{--bg-red:rgba(254, 128, 128, 3%);--light-red:#fe8080;--dark-red:#d73a49;--bg-green:rgba(154, 207, 165, 3%);--light-green:#9acfa5;--dark-green:rgb(103, 161, 116);--light-grey:rgba(0, 0, 0, 0.1);--black:#333333}body{font-family:inter,sans-serif;color:var(--black);font-size:16px;margin:0}h1,h2,h3{font-weight:400;margin:0}h1{font-size:32px}h3{font-weight:700}div#content{max-width:720px;min-width:300px;margin:auto;padding:0 15px;min-height:calc(100vh - 100px)}p code,li code{line-height:1.4;background-color:var(--light-grey);padding:1px 6px 4px;border-radius:4px}pre{white-space:pre-wrap}pre code{background-color:transparent}a{text-decoration:none;color:var(--black)}a:hover{transition:all .4s ease;text-decoration:underline}a.email{color:crimson}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}pre.chroma{margin:0}.chroma{font-family:source code pro,monospace;background-color:transparent;font-size:14px}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .k{color:var(--black);font-weight:700}.chroma .kc{color:var(--black);font-weight:700}.chroma .kd{color:var(--black);font-weight:700}.chroma .kn{color:var(--black);font-weight:700}.chroma .kp{color:var(--black);font-weight:700}.chroma .kr{color:#d73a49;font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .na{color:teal}.chroma .nb{color:#0086b3}.chroma .bp{color:#999}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .nd{color:#3c5d5d;font-weight:700}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nf{color:#900;font-weight:700}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nt{color:navy}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .s{color:#d14}.chroma .sa{color:#d14}.chroma .sb{color:#d14}.chroma .sc{color:#d14}.chroma .dl{color:#d14}.chroma .sd{color:#d14}.chroma .s2{color:#d14}.chroma .se{color:#d14}.chroma .sh{color:#d14}.chroma .si{color:#d14}.chroma .sx{color:#d14}.chroma .sr{color:#009926}.chroma .s1{color:#d14}.chroma .ss{color:#990073}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{color:var(--black);font-weight:700}.chroma .ow{color:var(--black);font-weight:700}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700;font-style:italic}.chroma .cpf{color:#999;font-weight:700;font-style:italic}.chroma .gd{color:var(--black);background-color:#fdd}.chroma .ge{color:var(--black);font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:var(--black);background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}.chroma .nx{color:#6f42c1}