.wa2bahz9k p{margin:.25em 0}.wa2bahz9k a{font-size:.75em}
.wdqqqhhxp .throwaway{}.wdqqqhhxp{position:sticky;top:0;margin-left:-.75em;padding:.25em 0;opacity:.5}.wdqqqhhxp a{color:var(--foreground)}.wdqqqhhxp a:visited{color:var(--foreground)}
@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}}.wajnzfbla{font-size:1em;display:inline-block;// margin: 0 0 2.5em 0;}.wajnzfbla div a{display:flex;text-decoration:none}.wajnzfbla 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}.wajnzfbla span:nth-of-type(even){--x: calc(cos(var(--angle)) * var(--distance));--y: calc(sin(var(--angle)) * var(--distance))}.wajnzfbla span:nth-of-type(odd){--x: calc(cos(var(--angle)) * var(--distance));--y: calc(sin(var(--angle)) * var(--distance))}.wajnzfbla:hover span{color:var(--color)}.wajnzfbla:hover span:nth-of-type(even){animation:reverse-orbit var(--speed) linear infinite}.wajnzfbla:hover span:nth-of-type(odd){animation:orbit var(--speed) linear infinite}
.wyacau_4f div.sitemap,.wyacau_4f .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;
	}}
.w7fe4ojzs footer{margin:2em 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;
      }
    }
	#view-source {
		grid-area: 2 / 2;
		text-align: right;
	}}
:root {
	--clear: rgba(0, 0, 0, 0);
}

@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%);
	}
}

html {
	font-size: 16px;
	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;
}

* {
	box-sizing: border-box;
}

body {
	background: var(--background);
	color: var(--foreground);
	margin: 0 1rem;
	overflow-x: hidden;
}

article {
	line-height: 1.33;
	max-width: 700px;
  & img {
      width: calc(100% - 4em);
      height: max-content;
  }
}

a {
	color: var(--a);
	text-decoration: none;
	&:visited {
		color: var(--visited);
	}
	&:hover,
	&:focus {
		text-decoration: underline;
		text-underline-offset: 2px;
		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;
}

ul {
	padding-left: 0.25em;
}

li {
	list-style-type: none;
}

h1 {
	font-size: 1.25em;
}

h2 {
	font-size: 1.15em;
}

h3 {
	font-size: 1.05em;
}

code {
	background-color: var(--accent);
	padding: 0.15em 0.35em;
	font-size: 0.95em;
}

.large-text {
	font-size: 1.75em;
	font-weight: 600;
}

.small-text {
	font-size: 0.85em;
}

.bg-text {
	padding: 0.15em 0.35em;
	background: var(--accent);
}

.lc {
	text-transform: lowercase;
}