@import 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap';@keyframes blink{from,to{color:transparent}50%{color:var(--color-text)}}@keyframes rainbowMove{0%{background-position:0}100%{background-position:150%}}:root{--color-secondary:rgba(222, 226, 230, 0.5);--color-title:#0f0;--color-title-hover:#0a0;--color-text:#dee2e6;--color-hover:#bcc0c4;--color-timestamp:var(--color-hover);--bg-body:#212529;--bg-subtle-secondary:#343a40;--bg-subtle-tertiary:#272822;--font-size-h1:32px;--font-size-h2:28px;--font-size-h3:24px;--font-size-h4:20px;--font-size-h5:18px;--font-size-h6:16px;--font-size-base:16px;--font-weight-extra-bold:900;--font-weight-bold:600;--font-weight-base:400;--font-family-general:"Roboto", "Segoe UI", "Liberation Sans", sans-serif;--font-family-monospace:"JetBrains Mono", monospace}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}body{font-size:var(--font-size-base)}header,code{font-family:var(--font-family-monospace)}body{font-family:var(--font-family-general)}h1,h2,h3,h4,h5,h6{color:var(--color-title);font-weight:var(--font-weight-bold);margin:.75em 0;& > a{color:var(--color-title);&:hover{color:var(--color-title-hover)}}}time{font-style:italic;color:var(--color-timestamp)}a{color:var(--color-text);text-decoration:underline;font-weight:700;&:hover{transition:.3s all ease-in;color:var(--color-hover)}}sup>a{font-weight:var(--font-weight-base);text-decoration:none}summary{&:hover{& > h1, & > h2, & > h3, & > h4, & > h5, & > h6{color:var(--color-title-hover);transition:.3s all ease-in}}}h3 a,nav a,.article-preview a,.colored-tag{text-decoration:none}body{margin:0 auto;max-width:768px;padding:.5em;background-color:var(--bg-body);color:var(--color-text);overflow-wrap:break-word}body,header,main,footer{box-sizing:border-box}header{width:100%;margin-bottom:1rem;text-align:center;padding:.5em;border-bottom:1px solid #fff;& > h1{font-weight:var(--font-weight-extra-bold)}& .blinking-cursor{margin-left:5px;color:var(--color-text);font-weight:800;animation:1.5s blink step-end infinite;user-select:none}& > nav a{text-wrap:nowrap}}main{& .article-preview-container{width:100%;display:flex;flex-direction:column;align-items:center;& > .article-preview{& > .title{text-align:center}width:90%;box-sizing:border-box;background-color:var(--bg-subtle-secondary);padding:1em;border-radius:1em}& ~ .article-preview-container{margin-top:10px}}& .tags{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:2em;& > .colored-tag{padding:.25em;border-radius:.25em;width:fit-content;margin:2px}}& .rainbow-container{text-align:center;& > .rainbow-link{display:inline-block;text-decoration:none;padding:1em;text-align:center;font-size:var(--font-size-h1);& > .rainbow{font-weight:900;background:linear-gradient(-90deg in hsl longer hue,red,red,red);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowMove 3.5s linear infinite;text-shadow:0 0 20px rgba(255,255,255,.3)}}}& .taglist{border-top:1px dashed #fff}}footer{border-top:1px solid #fff;margin-top:1rem;text-align:center;& .badges{margin-top:5px;& a{display:inline-block}& img{image-rendering:pixelated;&:hover{outline:solid 1px #fff}}}}.text{color:var(--color-text)}.flex-column{flex-direction:column}.flex-row{flex-direction:row}