@layer defaults,components,utilities,site;@layer defaults{.parent{display:grid;grid-template-columns:1fr 768px 1fr;grid-template-rows:100px 1fr 7fr auto;grid-column-gap:10px;grid-row-gap:0px}.header,.content,.footer{width:768px;justify-self:center}.header{grid-area:1 / 2 / 2 / 3}.content{grid-area:2 / 2 / 4 / 3}.footer{grid-area:4 / 2 / 5 / 3}.nav{grid-area:2 / 1 / 4 / 2}@media screen and (max-width:968px){.parent{display:grid;grid-template-columns:1fr 10fr 1fr;grid-template-rows:100px 80px 7fr auto;grid-column-gap:10px;grid-row-gap:0px}.header,.content,.footer{width:100%;max-width:768px;justify-self:center}.header{grid-area:1 / 2 / 2 / 3}.footer{grid-area:4 / 2 / 5 / 3}.nav{grid-area:2 / 2 / 3 / 3}.content{grid-area:3 / 2 / 4 / 3}}}@layer components{header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px}header>*{margin:0 5px}header h1{flex-basis:content;font-family:var(--title-font-family),sans-serif}header h1 a{color:var(--site-title-colour)}header h1 a:hover{text-decoration-style:solid;text-decoration-thickness:1px}header #rss{aspect-ratio:1;height:30px;width:auto;transition:filter .125s ease}header #rss:hover{filter:drop-shadow(0 0 1px var(--hero-shadow-colour)) brightness(105%)}header>.other{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}header #search-bar{max-height:100%}header #search-bar form{height:100%}header #search-bar input[type=text]{height:100%;border:1}}@layer components{footer{display:flex;flex-direction:column;max-width:100vw;padding:0 10px;justify-content:center;align-items:center}}@layer components{section.post-card{display:flex;flex-direction:column}section.post-card h2{font-family:var(--header-font-family);font-style:italic}section.post-card div.time{align-self:flex-start}section.post-card a.read-more{font-style:italic;align-self:flex-end}section.post-card span.read-time{color:var(--accent-text-colour);font-style:italic;align-self:flex-end}section.post-card{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--card-border-colour);padding-top:10px}section.post-card:first-of-type{margin-top:40px;border-top-style:solid;border-top-width:1px;border-top-color:var(--card-border-colour)}section.post-card .summary img{max-width:70%}section.post-card .summary h1{display:none}}@layer components{.nav{display:flex;flex-direction:column;align-items:flex-end}.nav ul{list-style-type:none;margin:0 0 0 10px;padding:0;display:flex;flex-direction:column;align-items:flex-end}.nav ul li{margin:10}nav li.menu-sep{border-bottom-style:solid;border-bottom-width:1px}@media screen and (max-width:968px){.nav{align-items:flex-start;margin-left:0}.nav ul{flex-direction:row;align-items:flex-start;gap:1.25rem;padding:0 1rem}nav li.menu-sep{border-bottom-style:unset;border-right-style:solid;border-right-width:1px;padding-right:20px}}}@layer components{#about{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}#about .hero-container{max-width:406px;max-height:406px;width:auto;height:auto;aspect-ratio:1;padding:5px;display:flex;justify-content:center;align-items:center;border-radius:1rem;background:#6b57ab;background:linear-gradient(32deg,#6b57ab,#fff7f8 25%,#e7d8db 36%,#6b57ab 62%,#fff7f8 82%,#6b57ab);transition:all .3s ease}#about .hero-container img{max-width:400px;max-height:400px;aspect-ratio:1;width:100%;height:100%;filter:brightness(110%)}#about .hero-container:hover{filter:drop-shadow(0px 0px 5px var(--hero-shadow-colour)) brightness(110%)}#about .hero-container>img{border-radius:1em}#about p{text-align:center;margin:8px 0;max-width:70%}#about{border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--card-border-colour)}}@layer components{.content h2:first-child{margin-top:0}.content article{text-align:justify;text-justify:auto;padding-bottom:10px;border-bottom-style:solid;border-bottom-width:1px;border-color:var(--card-border-colour);margin-bottom:40px}.content article h2:first-child{border-bottom-style:solid;border-bottom-width:1px}.content article blockquote{font-style:italic;font-weight:600;background-color:var(--blockquote-background-colour);padding-left:40px;padding-right:20px;margin-left:0;border-left-style:solid;border-left-color:var(--blockquote-border-colour);border-left-width:10px}.content .taxonomy{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;column-gap:40px;div.taxonomy-label{display:none;font-weight:600}ul.taxonomy-list{padding:unset;list-style-position:unset;list-style:none;display:flex;flex-direction:row;column-gap:20px;margin-top:5px;margin-bottom:5px;li{border-style:dotted;border-width:0px;padding:0 6px;border-radius:1.2em;font-style:italic}}}.content .article-header{display:flex;flex-direction:column;border-bottom-style:solid;border-bottom-width:1px}.content .article-header time{align-self:flex-start}.content article img{max-width:100%;max-height:60vh}.content article table{table>thead>tr:nth-child(1){border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#000}tbody tr:nth-child(2n-1){background-color:var(--table-accent-colour)}}.content div.highlight{position:relative;background-color:var(--code-background-colour)}.content code,.content code span{background-color:var(--code-background-colour);color:var(--code-text-colour);font-family:var(--monospace-font-family)}.content article div.highlight{button.copy-code{position:absolute;right:0;top:0;border:unset;background-color:var(--code-background-colour);border-color:var(--card-border-colour);border-style:solid;border-radius:.9em;border-width:2px;border-top:unset;border-right:unset;border-top-left-radius:unset;border-bottom-right-radius:unset;padding:.4em 1em;font-family:var(--monospace-font-family);font-size:9pt;color:var(--body-text-colour);transition:color .3s ease}button.copy-code:hover{color:var(--hero-shadow-colour)}}.home-post-heading{font-family:var(--header-font-family);font-weight:400}.content{h1,h2,h3,h4,h5,h6{font-family:var(--header-font-family)}}}@layer components{.kofi-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:75%}.kofi-container p{width:75%;margin:0 15px}}@layer components{.time{font-style:italic;color:var(--accent-text-colour)}}@layer components{ul.pagination{list-style:none;display:flex;flex-direction:row;justify-content:center;align-content:center;padding:0;gap:10px;.page-item.disabled a{color:gray}.page-item.disabled a:hover{color:gray;text-decoration-line:none}.page-item.active a{text-decoration-line:underline}}}@layer components{#custom-search-field{background-color:var(--blockquote-background-colour);border-style:none;border-radius:2em;font-size:1em;padding:5px;width:100%}form#custom-search p:nth-child(2){display:none}#search-bar form{display:flex;flex-direction:row;input{background-color:var(--blockquote-background-colour);border-style:none}input:nth-child(1){border-radius:2em;padding:5px 5px 5px 1em}input:nth-child(1):focus{border-style:none}input:nth-child(2){border-top-right-radius:2em;border-bottom-right-radius:2em}}}@layer utilities{.float-right{float:right}.plain-bg{background:unset}}@layer defaults{:root{--link-text-colour: blue;--body-text-colour: black;--header-text-colour: black;--background-colour: white;--site-title-colour: black;--article-border-colour: black;--card-border-colour: black;--accent-text-colour: black;--hero-shadow-colour: black;--blockquote-background-colour: grey;--blockquote-border-colour: darkgrey;--table-accent-colour: grey;--code-background-colour: black;--code-text-colour: white;--title-font-family: serif;--header-font-famiy: sans-serif;--body-font-family: sans-serif;--monospace-font-family: monospace}body *{box-sizing:border-box}body{color:var(--body-text-colour);background-color:var(--background-colour);font-family:var(--body-font-family),sans-serif;line-height:1.5;margin:0;padding:0;width:100vw}main{border-style:solid;border-width:1px;border-color:var(--article-border-colour);border-top-style:none;border-bottom-style:none;background-color:var(--background-colour);padding:0 1rem}a{color:var(--link-text-colour);text-decoration:none;transition:text-decoration .15s ease}a:hover{text-decoration-line:underline}h1,h2,h3,h4,h5,h6{font-weight:300;color:var(--header-text-colour);font-family:var(--header-font-famiy)}}@layer components{.header-link{color:var(--header-text-colour);transition:color .25s ease,filter .25s ease}}