body {
	font-family: system-ui, sans-serif;
	background-color: #fff;
	color: #000;
	background-image: url('filledSpiral1.svg');
	background-size: cover;
}

path {
	fill: #ff0
}

path:hover {
	fill: #0f0
}

img.vignette {
	clip-path: circle(30%);
	max-width: 100%;
}

img.vignette {
	max-width: 100%;
	clip-path: url(aye.svg#ayemask)
	/* ^ this makes the svg image from earlier vignette around the image. very cool. */
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #222;
		color: #eee;
	}

}