:root{--background-canvas:#010a18;--background-accent:linear-gradient(195deg, #0b1b33 0%, #150423 70%);--font-color-heading:#eceff1;--font-color-primary:#cfd6db;--font-color-card:rgba(255, 255, 255, 0.435);--color-primary:#ff6fa3;--color-secondary:#ff9a4d;--color-postType-note:rgba(60, 130, 255, 0.65);--color-postType-post:#e76fd6;--banner-color-info:rgba(0,89,255,0.25);--banner-color-warning:rgba(177,135,8,0.28);--banner-color-danger:rgba(220,53,70,0.28);--colour-grey:rgba(20,20,24,0.6);--code-block-background:rgb(19, 30, 43)}html{min-height:100%;overflow-y:auto;background-color:var(--background-canvas);scrollbar-width:thin;scrollbar-color:var(--banner-color-info)var(--colour-grey)}body{font-family:Arial,Helvetica,sans-serif;color:var(--font-color-primary);line-height:1.6;margin:auto;max-width:1000px;font-size:16px;background-color:transparent}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}h1,h2,h3,h4,h5,h6{margin-block-start:auto}p{color:var(--font-color-primary)}a{color:var(--font-color-heading);text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:color .15s ease,text-shadow .15s ease}a:hover{text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}a:active{color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}.card-row h1{font-size:2.5em;text-align:left;margin-top:0;margin-bottom:0}nav{float:right}nav ul{list-style-type:none;text-align:right;padding:0;margin:0}nav ul li{display:inline-block;margin-left:10px;margin-right:10px;font-size:22px;text-shadow:0 1px 2px rgba(0,0,0,.45)}footer ul{list-style-type:none;text-align:center;padding:0;margin:0;margin-top:10px}footer ul li{display:inline-block;margin-left:10px;margin-right:10px;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.45)}.footer-social a img{max-width:30px;vertical-align:middle}.site-intro{display:flex;align-items:center;gap:2rem;text-align:left;margin-bottom:2rem;background-image:var(--background-accent);padding:1.2rem;border-radius:12px}.site-intro img{border-radius:50%;width:20%;height:20%;object-fit:cover;margin-bottom:0;margin-right:2rem;box-shadow:0 2px 8px rgba(0,0,0,.3)}.site-intro-name{font-weight:700;font-size:1.5rem}.site-intro-disclaimer{font-size:.8rem;color:var(--font-color-card)}@media(max-width:600px){.site-intro{flex-direction:column;align-items:center;gap:1rem;text-align:center}.site-intro img{margin-right:0;margin-bottom:1rem;width:120px;height:120px;max-width:80vw;max-height:40vw}body>header>div{flex-direction:column;align-items:center;text-align:center;margin-bottom:0}}.content-card{transition:box-shadow .15s ease,background-color .15s ease;background:rgba(255,255,255,4%);backdrop-filter:blur(4px);border-radius:12px;padding:10px;margin:10px;box-shadow:0 2px 6px rgba(0,0,0,.35)}.content-card:hover,.content-card:active{background:rgba(255,255,255,5%);backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(0,0,0,.28)}.card-row{display:flex;align-items:center}.card-body{flex:1}.home-img{display:block;margin:auto;max-width:30%;margin-right:20px}span.post-type.pill{border-radius:9999px;padding:2px 8px;font-size:.9em;margin-left:10px;color:var(--font-color-primary)}span.post-type#note{background-color:var(--color-postType-note)}span.post-type#post{background-color:var(--color-postType-post)}.home-blogpost-link-date{font-size:.8em}.tags{list-style:none;padding:0;margin:0}.tags li{display:inline-block;margin-right:.5rem}.tags li a{display:inline-block;padding:.25rem .75rem;border-radius:50px;background-color:#3b6ef0;color:var(--font-color-primary);text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease;margin-bottom:10px}.tags li a:hover{background-color:var(--color-secondary);color:var(--font-color-primary);box-shadow:0 2px 6px rgba(0,0,0,.25)}a.tags{display:inline-block;padding:.25rem .75rem;margin:0 .5rem .5rem;border-radius:50px;background-color:#0050fd;color:var(--font-color-primary);transition-duration:.5s}a.tags:hover{background-color:var(--color-secondary);color:var(--font-color-primary);transition-duration:.3s;box-shadow:0 0 10px var(--color-secondary)}body main p img{max-width:100%;margin:auto;display:block}.highlight{position:relative;border-radius:10px;overflow:auto;scrollbar-color:var(--banner-color-info)var(--colour-grey);scrollbar-width:thin;margin-bottom:20px}.highlight pre{white-space:pre;overflow-x:auto;margin-top:0;padding:0}.highlight pre::-webkit-scrollbar{height:8px}.highlight pre::-webkit-scrollbar-thumb{background-color:rgba(255,111,150,.22);border-radius:10px}.highlight pre code.hljs{padding:0 5px;background:var(--code-block-background)}code:not(.hljs){background:var(--code-block-background);color:var(--font-color-primary);padding:.15rem .4rem;border-radius:6px;font-family:cascadia code,ui-monospace,SFMono-Regular,Menlo,Monaco,roboto mono,courier new,monospace;font-size:.95em;white-space:pre-wrap}.lntable{background-color:#0d1117}pre.chroma{margin-bottom:0}.copy-button{position:absolute;top:10px;right:10px;background-color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;font-size:12px}.copy-button:hover{background-color:#ddd}blockquote{background:rgba(255,255,255,3%);backdrop-filter:blur(6px);border-radius:12px;padding:.8rem 1.2rem;margin:auto;box-shadow:0 2px 6px rgba(0,0,0,.3);max-width:90%}blockquote p strong{color:var(--color-primary);font-size:1.08em;text-shadow:none}.banner{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:4px;border-top-right-radius:4px;margin:.5rem 1rem}@media(prefers-reduced-motion:reduce){.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{transition:none!important;animation:none!important}.reduced-motion .content-card{backdrop-filter:none!important}}.banner-heading{font-weight:700;font-size:1.4rem;padding:.2rem .7rem;box-shadow:0 0 5px rgba(0,0,0,.4)}.banner-content{padding:.2rem .7rem;box-shadow:3px 0 4px rgba(0,0,0,.8)}.info{background-color:var(--banner-color-info)}.info .banner-heading{background-color:var(--banner-color-info)}.warning{background-color:var(--banner-color-warning)}.warning .banner-heading{background-color:var(--banner-color-warning)}.danger{background-color:var(--banner-color-danger)}.danger .banner-heading{background-color:var(--banner-color-danger)}