@charset "UTF-8";:root{--maincolor:#ffd700;--bordercl:#4e4e4e;--callouctcolor:dodgerblue;--hovercolor:#333333;--darkMaincolor:#50fa7b;--bgcolor:#7a009f1f;--pagebgcolor:#ffffff;--bghighlight:#00d1c1;--text:#000000}html,body{color:var(--text);font-family:libre baskerville,serif;font-size:18px;line-height:2.5em;background-color:var(--pagebgcolor);margin:8px;display:block}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--maincolor);color:#fff}p{line-height:2em;padding-bottom:10px}span.yellow,h1 b,h2 b{margin:0 -.4em;padding:.1em .4em;border-radius:.8em .3em;background-image:linear-gradient( to right,rgba(255,225,0,.1),rgba(255,225,0,.7) 4%,rgba(255,225,0,.3) );box-decoration-break:clone}hr{border:none;border-top:3px dotted var(--bghighlight);margin:1em 0}blockquote{color:var(--bordercl);background-color:var(--bghighlight);margin:20px 0;padding:1em;border-radius:0 10px 10px 0;border-left:5px solid #ff69b4}a{border-bottom:2px solid var(--maincolor);color:inherit;text-decoration:none}a:hover{background-color:var(--maincolor);color:#fff}ul{list-style:none;padding-left:2ch;margin-bottom:20px}ul li{text-indent:-1ch;margin-bottom:.5em;line-height:2em}ul>li::before{content:"* ";font-weight:700;color:var(--maincolor)}ul.posts li::before{color:var(--text)}img{max-width:100%;border-radius:10px}figure{box-sizing:border-box;margin:20px 0;max-width:100%;position:relative;z-index:1}figure img{max-height:500px}@media screen and (min-width:600px){figure{padding:0 40px}}figure h4{font-size:1rem;margin:0 0 1em}figure h4::before{content:"↳ "}code,pre{background-color:#f1f1f11f;padding:.1em .2em}pre{background-color:#ececec;line-height:1.4;overflow-x:auto;padding:1em}.highlight pre ::selection{background:rgba(255,255,255,.2);color:inherit}.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}nav a:last-of-type{padding:.1em .4em;border-radius:.8em .3em;background-image:linear-gradient( to right,rgba(255,225,0,.1),rgba(255,225,0,.7) 4%,rgba(255,225,0,.3) );box-decoration-break:clone;text-decoration:none}nav a:last-of-type:hover{background-image:linear-gradient( to right,rgba(255,225,0,.8),#ffe100 25%,rgba(255,225,0,.8) )}header .main,nav a{font-size:1.2rem;font-family:league spartan,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{margin:1em 0;font-family:league spartan,sans-serif;font-weight:600;text-transform:uppercase}h1{font-size:2.5rem}h1 strong,h2 strong,h3 strong{margin:0 -.4em;padding:.1em .4em;border-radius:.8em .3em;background-image:linear-gradient( to right,rgba(255,225,0,.1),rgba(255,215,0,.7) 4%,rgba(255,225,0,.3) );box-decoration-break:clone}h3{color:var(--hovercolor);font-size:1.2rem}h2::before{content:"## "}h3::before{content:"### "}footer{display:flex;align-items:center;border-top:.4rem dotted var(--bordercl);padding:2rem 0;margin-top:2rem}.soc{align-items:center;padding-left:5px}.footer-info{padding:var(--footer-padding)}.title h1{margin-bottom:10px}.callout{background-color:var(--callouctcolor);color:#fff;padding:1em}.callout p{font-family:ibm plex mono,monospace;margin:0}.callout a{border-bottom:2px solid #fff}.callout a:hover{background-color:#fff;color:var(--callouctcolor)}.main-open{margin:50px 0 20px;padding:10px}.main-list,.tldr{background-color:var(--bghighlight);padding:10px 20px;margin-bottom:20px;border-radius:20px;line-height:2em;color:var(--hovercolor)}.main-list a,.tldr a{border-bottom:2px dotted var(--hovercolor)}.podcast-meta{background-color:var(--bghighlight);padding:0 10px;margin:20px 10px;width:90%}@media(min-width:481px){.podcast-meta{float:right;width:40%}}.clearfix{clear:both}.overflow{overflow:auto}.form-right{padding:0;margin:20px 10px;width:90%}@media(min-width:600px){.form-right{float:right;width:45%}}.site-description{font-weight:700;justify-content:space-between}.site-intro{margin:10px 0;padding:10px;border-radius:20px;box-decoration-break:clone}.site-intro a{border-bottom:2px dotted #fff}.tags li::before{content:"! "}.tags a{border-bottom:2px solid var(--maincolor)}.tags a:hover{background-color:var(--hovercolor);color:#fff}svg{max-height:15px}.draft-label{color:var(--hovercolor);background-color:var(--pagebgcolor);padding:2px 4px;border-radius:4px;margin-left:6px;text-transform:uppercase;font-size:60%}.highlight{position:relative;-webkit-overflow-scrolling:touch}.highlight pre code[class*=“language-”]::before{background:#000;border-radius:0 0 .25rem .25rem;color:#fff;font-size:14px;padding:.1rem .5rem;position:absolute;right:1rem;top:0;text-transform:uppercase}.highlight pre code[class=“language-js”]::before{content:"js";background:#f7df1e;color:#000}.highlight pre code[class*=‘language-yaml’]::before{content:'yaml';background:#f71e6a}.highlight pre code[class*=‘language-shell’]::before{content:'shell';background:green}.highlight pre code[class*=‘language-json’]::before{content:'json';background:#1e90ff}.highlight pre code[class*=‘language-py’]::before{content:'py';background:blue;color:#ff0}.highlight pre code[class*=‘language-css’]::before{content:'css';background:cyan}.highlight pre code[class*=‘language-md’]::before{content:'Markdown';background:#4169e1;color:#f5f5f5}table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95em}table th,table td{padding:.75rem;border-bottom:1px solid rgba(78,78,78,.2);text-align:left;vertical-align:top;border-top:none;border-left:none;border-right:none}table th{font-weight:700;border-bottom:3px solid var(--maincolor);color:var(--text);text-transform:uppercase;font-size:.85em;letter-spacing:.05em}table tr:hover td{background-color:rgba(255,215,0,5%)}.float-message{position:fixed;z-index:1001;max-width:400px;bottom:10px;right:10px;padding:20px;color:var(--hovercolor);font-size:16px;background:var(--pagebgcolor);box-shadow:0 5px 10px rgba(0,0,0,.5);border-radius:5px;backdrop-filter:blur(5px)}.pc{display:block}.full-bleed-container{position:relative;z-index:2}.full-bleed-container .svg-guy{position:absolute;z-index:-1;top:-13vw;left:calc(50% - 50vw);width:17vw}.full-bleed-container .svg-guy img{width:100%;height:auto}.full-bleed-container .svg-star{position:absolute;top:-6vw;right:calc(50% - 49vw);width:10vw}.full-bleed-container .svg-star img{width:100%;height:auto}.full-bleed-container .svg-blob{position:absolute;top:0;z-index:-1;left:-15vw;width:15vw}.full-bleed-container .svg-blob img{width:100%;height:auto}.full-bleed-left,.site-intro-bleed{background-image:linear-gradient( to right,#ffe100 4%,rgba(255,225,0,.8) );margin-left:calc(50% - 50vw);padding:.1rem .2rem;margin-bottom:20px;border-radius:0 20px 20px 0}.full-bleed-left-content,.site-intro{max-width:800px;margin-left:auto;padding-left:20px}.full-bleed-right{background-color:var(--bghighlight);margin-right:calc(50% - 50vw);padding:.1rem 0;margin-bottom:50px;border-radius:20px 0 0 20px;color:#333}.full-bleed-right a{color:#333}.full-bleed-right time,.full-bleed-right .meta,.meta{color:var(--hovercolor);font-size:80%}.full-bleed-right-content{max-width:800px;margin-right:auto;padding-right:20px}.full-bleed-left-content-main{max-width:800px;margin-left:auto;padding-left:20px}figure:has(img[src$='#floatleft']){float:left;max-width:none}figure:has(img[src$='#floatright']){float:right;max-width:none}@media screen and (max-width:1200px){.full-bleed-container .svg-guy{display:none}}@media screen and (max-width:768px){figure:has(img[src$='#floatright']){float:none;width:100%;max-width:100%}.pc{display:none}}article figure{position:relative;width:fit-content}article figure::after{content:"";position:absolute;top:-3%;left:0;margin-left:5px;width:101%;height:103%;background:#ff69b4;transform:skew(356deg);z-index:-1;border-radius:10px}.pc.svg-guy{opacity:0;transform:translateY(100%);animation:slideUpFadeIn 1s ease-in-out .2s forwards}@keyframes slideUpFadeIn{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}.full-bleed-right{opacity:0;transform:translateX(100%);animation:slideInRightFade .5s ease-in-out .2s forwards}@keyframes slideInRightFade{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.full-bleed-left{opacity:0;transform:translateX(-100%);animation:slideInLeftFade .2s ease-in-out forwards}@keyframes slideInLeftFade{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.full-bleed-button{background-image:linear-gradient(to right,#ffe100 4%,rgba(255,225,0,.8));border:none;border-radius:10px;color:#333;padding:5px 10px;margin:10px 10px 10px 0;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:700;cursor:pointer;transition:background-position .3s ease,color .3s ease;background-size:200% 100%;background-position:0 0}.full-bleed-button:hover{background-position:100% 0;color:#666;background-image:linear-gradient(to right,rgba(255,225,0,.8),#ffe100 25%,rgba(255,225,0,.8))}.highlight pre,.highlight code{background-color:#f1f1f1}pre:not(.highlight),code:not(.highlight){background-color:transparent}.mobile-menu-button,.close-menu{display:none;background:0 0;border:none;cursor:pointer;padding:.5em}@media screen and (max-width:768px){.mobile-menu-button{display:block;position:relative;z-index:1001}nav{display:none;position:fixed;top:0;left:0;right:0;background:#fff;flex-direction:column;align-items:center;padding:2em 1em 1em;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000}nav.active{display:flex}nav.active .close-menu{display:block;position:absolute;top:.5em;right:.5em}nav a{width:100%;text-align:center;padding:.5em}}.rtl{direction:rtl;text-align:right}.body{padding-left:25px;padding-right:25px}article section.body{padding-left:25px;padding-right:25px}.full-bleed-left time{color:var(--hovercolor);font-size:80%}.full-bleed-left .meta{color:var(--hovercolor);font-size:80%}.full-bleed-left .title{margin-bottom:.5em}