@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&display=swap");:root{--black: #45475A;--red: #D56A85;--green: #7BCA77;--yellow: #DDBE89;--blue: #6D83D0;--magenta: #D18ACD;--cyan: #76B9A9;--white: #CDD6F4;--bright-black: #7F849c;--bright-red: #F38BA8;--bright-green: #A6E3A1;--bright-yellow: #F9E2AF;--bright-blue: #89B4FA;--bright-magenta: #F5C2E7;--bright-cyan: #94E2D5;--bright-white: #FFFFFF;--primary-color: hsl(222, 66%, 50%);--secondary-color: hsl(222, 66%, 93%);--primary-color: rgb(69, 84, 137);--secondary-color: var(--bright-black);--primary-color: rgb(48, 108, 195);--background-color: var(--bright-white);--faded-text-color: var(--black);--text-color: #1e1e2e;--overlay: rgba(30,30,45,0.05);--shadow: 0 0 25px rgba(0, 0, 0, 0.25);--spacer-size: 75px;--split: 40vw}@media (prefers-color-scheme: dark){:root{--background-color: #1e1e2e;--faded-text-color: #7f839b;--text-color: #ccd5f3;--overlay: rgba(255,255,255,0.05);--primary-color: hsl(222, 66%, 50%);--secondary-color: hsl(222, 20%, 20%);--primary-color: var(--blue);--secondary-color: var(--black)}}*{outline-color:var(--primary-color)}html{scroll-behavior:smooth}body{padding:0;max-width:55vw;color:var(--text-color);font-family:"Lora",serif;background:var(--background-color);margin:var(--spacer-size) auto 0 auto}main{margin:calc(var(--spacer-size)/2) 0 0 0;min-height:calc(100vh - 1.5*var(--spacer-size) + 4px)}main a{padding:.1em .2em;text-decoration:none;color:var(--primary-color)}main a:hover,main a:focus{background-color:var(--overlay)}footer{display:flex;bottom:0;max-width:100vw;justify-content:space-between;height:calc(var(--spacer-size)/2);border-top:2px solid var(--secondary-color);padding-top:calc(var(--spacer-size)/2 - .75em)}footer>*{flex:1}footer>span{flex:3;text-align:center}footer .nextprev{line-height:1.2;text-decoration:none;color:var(--primary-color)}footer .nextprev:first-child{text-align:left}footer .nextprev:last-child{text-align:right}li time{font-family:"JetBrainsMono Nerd Font Mono";font-size:14.5px}li time:before{content:"[ "}li time:after{content:" ]"}li time:before,li time:after{opacity:.4}.info{padding-top:.2em;color:var(--faded-text-color);font-family:"Nunito",sans-serif}.info .tags{text-align:right}.burger{display:none;height:21px;flex-direction:column;justify-content:space-between}.burger .line{width:30px;height:3px;background-color:var(--text-color);transition:all .2s}nav{display:flex;width:100%;justify-content:space-between;padding:.5em;border:solid var(--secondary-color);border-width:1.5pt 0;box-sizing:border-box}nav a{font-size:24px;font-weight:200;text-decoration:none;color:var(--text-color);font-family:"Nunito",sans-serif}nav a:hover,nav a:focus{color:var(--primary-color)}h1{font-size:32px}hr{border-style:solid;border-color:var(--secondary-color)}span.legalese,span.legalese a{text-decoration:none;color:var(--faded-text-color)}.spaced{display:flex;justify-content:space-between}.row{flex-direction:row}.tags .tag{color:var(--primary-color);text-decoration:none}.icon-wrapper{display:flex;gap:20px;justify-content:center}.icon-wrapper *,.icon-wrapper *:hover,.icon-wrapper *:focus{box-shadow:none;background-color:rgba(0,0,0,0)}p code{padding:.2em .4em;background-color:rgba(0,0,0,.2509803922)}pre{padding:1em;overflow:scroll}.listingblock{margin:1em 0}.listingblock .title{width:min-content;padding:.5em 1em;background:rgba(0,0,0,.5019607843);font-family:monospace}.listingblock .content{background:rgba(0,0,0,.2509803922)}.listingblock pre{margin:0;overflow:scroll}.listingblock code{position:relative;background:rgba(0,0,0,0)}.admonition{padding:.5em;border-left:2px solid var(--text-color)}.admonition .admonition-content{margin-top:.5em}.admonition-note{background:rgba(var(--cyan), .5);border-color:var(--cyan)}.admonition-note .admonition-title{color:var(--cyan)}.admonition-warning{background:rgba(var(--yellow), .5);border-color:var(--yellow)}.admonition-warning .admonition-title{color:var(--yellow)}#progress-indicator{display:none;position:fixed;opacity:0;cursor:default;padding:.2em 1em;color:var(--primary-color);right:calc(var(--spacer-size)/2 + .5em);bottom:calc(var(--spacer-size)/2 + .5em);background-color:var(--secondary-color);transition:all .2s}#progress-indicator[data-v=true]{cursor:pointer}@media (prefers-color-scheme: dark){.invertible img{filter:invert(1) hue-rotate(180deg) contrast(.8) saturate(2)}}@media only screen and (max-width: 1200px){body{max-width:66vw}}@media only screen and (max-width: 900px){body{max-width:88vw}}@media only screen and (max-width: 690px){body{max-width:90vw}.introduction{flex-direction:column !important;align-items:center}.introduction>*{margin-bottom:3em}}@media only screen and (max-width: 500px){body{margin-top:2em}.burger{display:flex}.burger.open{position:fixed;top:2em;left:1.5em;z-index:2}.burger.open .line:nth-child(1){transform:rotate(45deg) translate(6.5px, 6.5px)}.burger.open .line:nth-child(2){display:none}.burger.open .line:nth-child(3){transform:rotate(-45deg) translate(6.5px, -6.5px)}nav{display:flex;position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh;align-items:center;flex-direction:column;justify-content:space-evenly;background-color:var(--background-color);opacity:0;pointer-events:none;transition:all .2s}nav.open{opacity:1;pointer-events:all;transition:all .2s}main.open{margin:calc(var(--spacer-size) + 53px) 0 calc(var(--spacer-size)/2) 0}}.card{background-color:var(--overlay);margin-bottom:1em !important}.card .bar{padding:1em}.card a{color:var(--primary-color);text-decoration:none}.card>a,.card>a:hover{padding:0;background:rgba(0,0,0,0) !important}.card img{width:100%}nav a[href="/blog"]{font-weight:700;color:var(--primary-color)}aside .icon-wrapper p{width:100%}aside a>img{display:inline;width:20px}aside a>img[alt="stack overflow"]{width:17px}aside a>img[alt="mug saucer solid"]{width:23px}aside a>img:hover,aside a>img:focus{color:var(--primary-color)}aside a[href="/about"]{display:block;font-weight:700;width:min-content;text-decoration:none;min-width:fit-content;margin:.5em auto 0 auto}aside a[href="/about"]:hover,aside a[href="/about"]:focus{color:var(--primary-color)}aside a.image:hover,aside a.image:focus{background-color:rgba(0,0,0,0)}aside .name p{font-size:32px;font-weight:200;color:var(--primary-color);font-family:"Nunito",sans-serif}