.wa2bahz9k p{margin:.25em 0}.wa2bahz9k a{font-size:.75em}
.we0mfpz1i{position:sticky;top:0;margin-left:-1.5ch;padding:.5ex 0;opacity:.5}
@property --angle{syntax:"<angle>";inherits:true;initial-value:180deg}@keyframes orbit{to{--angle: 540deg}}@keyframes reverse-orbit{to{--angle: -180deg}}@keyframes slow-it-all{from{--angle: 180deg}}.wl7flpxy5{font-size:1em;display:inline-block}.wl7flpxy5 div a{display:flex;text-decoration:none}.wl7flpxy5 span{--distance: calc(var(--to) * 0.6em);--speed: calc(abs(var(--to)) * 0.7s + 1s);--color: hsl(200, 30%, calc(abs(var(--to)) * 15%));color:var(--a);translate:calc(var(--distance) + var(--x)) var(--y);transition:color 1s ease-in-out}.wl7flpxy5 span:nth-of-type(even){--x: calc(cos(var(--angle)) * var(--distance));--y: calc(sin(var(--angle)) * var(--distance))}.wl7flpxy5 span:nth-of-type(odd){--x: calc(cos(var(--angle)) * var(--distance));--y: calc(sin(var(--angle)) * var(--distance))}.wl7flpxy5:hover span{color:var(--color)}.wl7flpxy5:hover span:nth-of-type(even){animation:reverse-orbit var(--speed) linear infinite}.wl7flpxy5:hover span:nth-of-type(odd){animation:orbit var(--speed) linear infinite}
.wxivtu2il div.sitemap,.wxivtu2il .sitemap{display:grid;height:100%;grid-template:repeat(20,auto)/repeat(20,auto);text-align:center;a {
      padding: 0 0.25;
    }
    #home {
      grid-area: 10 / 10;
    }
    #about {
      grid-area: 9 / 11;
    }
    #work {
      grid-area: 11 / 9;
    }
    #moss {
      grid-area: 12 / 9;
    }
    #ara {
      grid-area: 11 / 8;
    }
    #colophon {
      grid-area: 13 / 11;
    }
    #uses {
      grid-area: 10 / 12;
    }
    #projects {
      grid-area: 11 / 11;
    }
    #awesomewm {
      grid-area: 11 / 12;
    }
    #post {
      grid-area: 9 / 9;
    }
    #time {
      grid-area: 8 / 9;
    }
    #now {
      grid-area: 8 / 12;
    }
    #ai {
      grid-area: 10 / 13;
    }
    #files{
		&:before {
			content: ".";
		}
      grid-area: 12 / 13;
    }
    #map {
      grid-area: 1 / 20;
      text-align: right;
    }
	#source {
	  grid-area: 20 / 20;
      text-align: right;
	}
	#rss {
		grid-area: 20 / 1;
	}
	#atom {
		grid-area: 20 / 2;
	}}
.wdj7vvn-j footer{margin:1em 0 0 0;border-top:1px solid var(--foreground);padding:1em 0;display:grid;grid-template:auto 1fr/3fr 2fr;@media screen and (max-width:500px){grid-template:auto/1fr}ul {
      display: flex;
      margin: 0.5em 0em;
      padding: 0;
      gap: 0.5em;
      padding: 0;
      li {
        display: block;
      }
    }}
@media (prefers-color-scheme: dark) {
	:root {
		--foreground: hsl(0 0% 100%);
		--background: hsl(0 0% 0%);
		--accent: hsl(0 0% 30%);
		--a: hsl(200, 30%, 75%);
		--visited: hsl(285, 30%, 75%);
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--foreground: hsl(0 0% 0%);
		--background: hsl(0 0% 100%);
		--accent: hsl(0 0% 90%);
		--a: hsl(200, 30%, 50%);
		--visited: hsl(285, 30%, 50%);
	}
}

:root {
	--clear: rgba(0, 0, 0, 0);
	--measure: 85ch;
	--ratio: 1.15;
	--s-6: calc(var(--s-5) / var(--ratio));
	--s-5: calc(var(--s-4) / var(--ratio));
	--s-4: calc(var(--s-3) / var(--ratio));
	--s-3: calc(var(--s-2) / var(--ratio));
	--s-2: calc(var(--s-1) / var(--ratio));
	--s-1: calc(var(--s0) / var(--ratio));
	--s0: 1rem;
	--s1: calc(var(--s0) * var(--ratio));
	--s2: calc(var(--s1) * var(--ratio));
	--s3: calc(var(--s2) * var(--ratio));
	--s4: calc(var(--s3) * var(--ratio));
	--s5: calc(var(--s4) * var(--ratio));
	--s6: calc(var(--s5) * var(--ratio));
}

* {
	box-sizing: border-box;
	max-inline-size: var(--measure);
}

html,
body,
div,
header,
nav,
main,
section,
footer {
	max-inline-size: none;
}

html {
	font-size: calc(1rem + 0.05vw);
	tab-size: 4;
	font-family:
		ui-sans-serif,
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Segoe UI,
		Roboto,
		Helvetica Neue,
		Arial,
		Noto Sans,
		sans-serif,
		Apple Color Emoji,
		Segoe UI Emoji,
		Segoe UI Symbol,
		Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
}

body {
	background: var(--background);
	color: var(--foreground);
	margin: 0 2ch;
}

article {
	line-height: 1.4;
	& img {
		height: max-content;
	}
}

ul {
	padding-inline-start: 0.75ch;
}

li {
	list-style-type: none;
}

h1 {
	font-size: var(--s3);
}

h2 {
	font-size: var(--s2);
}

h3 {
	font-size: var(--s1);
}

h4 {
	font-size: var(--s-1);
}

h5 {
	font-size: var(--s-2);
}

code {
	background-color: var(--accent);
	padding: 0.33ex 0.5ch;
}

a {
	color: var(--a);
	text-decoration: none;
	&:visited {
		color: var(--visited);
	}
	&:hover,
	&:focus {
		text-decoration: underline;
		text-underline-offset: 0.2ex;
		text-decoration-color: color-mix(
			in srgb,
			currentColor,
			transparent 35%
		);
	}
	transition: color 200 linear;
}

img {
	display: block;
	max-width: 100%;
	font-style: italic;
	text-wrap: balance;
	text-align: center;
}

time {
	text-transform: lowercase;
	font-size: var(--s-3);
}

.font\:heavyset {
	font-size: var(--s6);
	font-weight: 600;
}

.font\:small {
	font-size: var(--s-1);
}

.a\:not {
	color: var(--foreground);
    &:visited {
		color: var(--foreground)
      }
}

.bg-text {
	padding: 0.5ch 1ch;
	background: var(--accent);
}

.lc {
	text-transform: lowercase;
}