:root{--maincolor:red;--bordercl:rebeccapurple;--callouctcolor:dodgerblue;--hovercolor:navy;--darkMaincolor:#50fa7b}html{color:#232333;font-family:departure mono,monospace;font-size:15px;line-height:1.6em}body{display:block;margin:8px}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--maincolor);color:#fff}p{font-family:departure mono,sans-serif;line-height:1.5}hr{border:0;border-top:3px dotted var(--bordercl);margin:1em 0}blockquote{border-left:3px solid var(--bordercl);color:#737373;margin:0;padding-left:1em}a{border-bottom:3px solid var(--maincolor);color:inherit;text-decoration:none}a:hover{background-color:var(--hovercolor);color:#fff}ul{list-style:none;padding-left:2ch}ul li{text-indent:-2ch;text-align:inherit}ul>li::before{content:'* ';font-weight:700}img{border:3px solid #ececec;max-width:100%}figure{box-sizing:border-box;display:inline-block;margin:0;max-width:100%}figure img{max-height:500px}@media screen and (min-width:600px){figure{padding:0 40px}}figure h4{font-size:1rem;margin:0;margin-bottom:1em}figure h4::before{content:'↳ '}code{background-color:#f1f1f1;padding:.1em .2em}pre{font-family:dank mono;background-color:#ececec;line-height:1.4;overflow-x:auto;padding:1em;box-shadow:0 8px 32px rgb(52 135 31/37%)}.highlight pre ::selection{background:rgba(255,255,255,.2);color:inherit}pre code{font-family:dank mono;background-color:initial;color:inherit;font-size:100%;padding:0}.content{margin-bottom:4em;margin-left:auto;margin-right:auto;max-width:800px;padding:0 1ch;word-wrap:break-word}header{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em 0;line-height:2.5em}header .main{font-size:1.5rem}h1,h2,h3,h4,h5,h6{font-size:1.2rem;margin-top:2em}h1::before{color:var(--maincolor);content:'# '}h2::before{color:var(--maincolor);content:'## '}h3::before{color:var(--maincolor);content:'### '}h4::before{color:var(--maincolor);content:'#### '}h5::before{color:var(--maincolor);content:'##### '}h6::before{color:var(--maincolor);content:'###### '}.meta{color:#999;letter-spacing:-.5px}footer{display:flex;align-items:center;border-top:.4rem dotted var(--bordercl);padding:2rem 0;margin-top:2rem}.soc{display:flex;align-items:center;border-bottom:none}.border{margin-left:.5rem;margin-right:.5rem;border:1px solid}.footer-info{padding:var(--footer-padding)}.title h1{margin-bottom:0}time{color:grey}article .title{margin-bottom:1em}.callout{background-color:var(--callouctcolor);color:#fff;padding:1em}.callout p{font-family:ibm plex mono,monospace;margin:0}.callout a{border-bottom:3px solid #fff}.callout a:hover{background-color:#fff;color:var(--callouctcolor)}.site-description{display:flex;justify-content:space-between}.tags li::before{content:"🏷 "}.tags a{border-bottom:3px solid var(--maincolor)}.tags a:hover{color:#fff;background-color:var(--hovercolor)}svg{max-height:15px}.soc:hover{color:#fff}.draft-label{color:var(--bordercl);text-decoration:none;padding:2px 4px;border-radius:4px;margin-left:6px;background-color:#f9f2f4}.highlight{position:relative;-webkit-overflow-scrolling:touch}.highlight pre code[class*=language-]{-webkit-overflow-scrolling:touch}.highlight pre code[class*=language-]::before{background:#000;border-radius:0 0 .25rem .25rem;color:#fff;font-size:12px;letter-spacing:.025rem;padding:.1rem .5rem;position:absolute;right:1rem;text-align:right;text-transform:uppercase;top:0}.highlight pre code[class=language-javaScript]::before,.highlight pre code[class=language-js]::before{content:"js";background:#f7df1e;color:#000}.highlight pre code[class*=language-yml]::before,.highlight pre code[class*=language-yaml]::before{content:'yaml';background:#f71e6a;color:#fff}.highlight pre code[class*=language-shell]::before,.highlight pre code[class*=language-bash]::before,.highlight pre code[class*=language-sh]::before{content:'shell';background:green;color:#fff}.highlight pre code[class*=language-json]::before{content:'json';background:#1e90ff;color:#000}.highlight pre code[class*=language-python]::before,.highlight pre code[class*=language-py]::before{content:'py';background:blue;color:#ff0}.highlight pre code[class*=language-css]::before{content:'css';background:cyan;color:#000}.highlight pre code[class*=language-go]::before{content:'Go';background:cyan;color:#4169e1}.highlight pre code[class*=language-md]::before,.highlight pre code[class*=language-md]::before{content:'Markdown';background:#4169e1;color:#f5f5f5}table{border-spacing:0;border-collapse:collapse}table th{padding:6px 13px;border:1px solid #dfe2e5;font-size:large}table td{padding:6px 13px;border:1px solid #dfe2e5}