@import "https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";html,body{background-color:#282c35;color:#e2e2e2;font-family:mulish,sans-serif;font-size:16px;line-height:1.6;-moz-osx-font-smoothing:grayscale}code,pre{font-family:roboto mono,monospace;font-optical-sizing:auto;font-weight:600;font-style:normal}.important{display:block;border-left:5px solid red;padding-left:1rem}.container{background-color:#282c35;padding:1rem 1.5rem;margin:1rem auto;max-width:1200px;min-height:100vh}a,a:hover{color:#5a7ec1;text-decoration:none}nav{margin-bottom:2rem;text-align:right;vertical-align:bottom;display:flex;flex-direction:row;justify-content:space-between;align-items:center}nav a.brand{text-align:left;flex:1;display:block;color:#e2e2e2;font-weight:800;font-size:1.6rem}nav .menu{flex:2;display:flex;flex-direction:row;gap:.8rem;justify-content:flex-end}nav .menu a{color:#e2e2e2;font-weight:700}@media screen and (max-width:600px){nav .menu{flex-direction:column;align-items:flex-end;gap:.4rem}}h1,h2,h3,h4,h5{font-family:mulish,sans-serif;font-size:1.2rem;font-weight:900;line-height:2.28rem;color:#e2e2e2;margin:.67rem 0}h1{font-size:2rem;color:#e2e2e2;margin-bottom:1.6rem}h2{font-size:1.7rem}b,strong{font-weight:900}blockquote{border-left:5px solid #5a7ec1;padding-left:1rem}.auto-width img{width:auto}img{width:98%;border-radius:1.6rem;margin:0 auto;display:block}.img--caption{display:block;font-style:italic;font-size:.92rem;text-align:center}.gallery-view{display:flex;flex-flow:row wrap}.gallery-view figure{max-width:48%;min-width:48%;margin:.5rem 0;flex:1}.gallery-view figure img{width:90%}.gallery-view figure .img--caption{margin:0 auto;padding-top:.5rem;max-width:80%;line-height:1.1rem}ol{list-style-position:outside}ul{list-style-position:outside}span.begin-task-list+ul{list-style-type:none;padding-left:1rem}span.begin-task-list+ul input[type=checkbox]{margin-right:.4rem;list-style-image:url(/images/unchecked.png)}span.begin-task-list+ul input[type=checkbox]:checked{list-style-image:url(/images/checked.png)}header{margin-bottom:1.5rem}footer{color:#868686;margin:6rem 0 4rem;display:flex;align-items:center}footer .copyright{flex:1;text-align:left}footer .buymeacoffee{flex:1;text-align:right}footer .buymeacoffee img{display:inline-block;background-color:#5a7ec1;padding:4px 8px;max-height:32px;height:auto;width:auto}small{font-size:100%;color:#868686}code{color:#e2e2e2;background-color:#1d2026;padding:1px 4px 3px;border-radius:4px}pre,code{font-size:14px;line-height:17px}pre>code{overflow-wrap:normal;white-space:pre;padding:0;color:#e2e2e2;background-color:#1d2026!important}pre{background-color:#1d2026!important;padding:12px;overflow-x:auto;overflow-y:hidden;line-height:1.6;border:2px solid #5a7ec1;border-radius:4px}table td,table th{padding:.2rem 1rem}img.about-avatar{width:128px;float:right;border-radius:50%;margin-left:1rem;margin-bottom:1rem}.fi{font-size:19.2px;padding-top:.5rem}.bi{display:inline-block;vertical-align:middle;padding-bottom:.25rem}.bi-link{width:1.4rem;height:1.4rem;color:#5a7ec1}.main-page{max-width:1200px;margin:0 auto}.narrow{max-width:780px;margin:0 auto}article.post{display:flex;align-items:center;line-height:1;overflow:hidden;position:relative;padding:.1rem 0}article.post+article.post{border-top:1px solid #445471}article.post .calendar{text-transform:uppercase;color:#5a7ec1;font-size:12px;font-weight:600;margin-right:1.5rem;min-width:50px}article.post .title{flex-grow:1;font-size:16px;font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis;padding-right:1rem;white-space:nowrap}article.post .actions{font-size:14px;white-space:nowrap}@media(max-width:600px){article.post .actions{display:none}}article.post .permalink{bottom:0;left:0;outline:none;position:absolute;right:0;top:0;z-index:50}article.full .created_on,article.full .updated_on{color:#868686;text-align:center;text-transform:uppercase;font-size:13px;font-weight:600}article.full .updated_on{display:none}article.full h1{text-align:center}article.full .article-head{margin:5rem 0}.listing>h1{text-align:center}a.tag{background-color:#5a7ec1;color:#e2e2e2;padding:2px 8px 4px;margin:0 2px;border-radius:6px;font-size:13px;text-transform:lowercase}.article-about{margin:4rem 0;display:flex;flex-direction:row}.article-about>*{flex:1}.article-about .previous-article,.article-about .next-article{font-size:48px}.article-about .article-author{flex:4;flex-grow:999;text-align:center}.article-about .article-author img{max-width:64px;border-radius:50%}form fieldset{border:2px solid #445471;padding:12px 16px}form input,form textarea{width:100%;padding:12px;margin:8px 0;box-sizing:border-box;border:2px solid #445471;border-radius:4px;background-color:#1d2026;color:#e2e2e2}form input:focus,form textarea:focus{outline:none;border:2px solid #5a7ec1}form textarea{resize:none}form input[type=button],form input[type=submit],form input[type=reset]{background-color:#5a7ec1;border:none;color:#e2e2e2;padding:16px 32px;text-decoration:none;margin:4px 2px;cursor:pointer}