@property --hue-rotation{
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}


@keyframes hue-rotate {
  from {
    --hue-rotation: 0deg;
  }
  to {
    --hue-rotation: 360deg;
  }
}

:root {
  animation: hue-rotate 10s linear infinite;
}

body {
	background: hsl(var(--hue-rotation) 20% 10%);
	color: hsl(var(--hue-rotation) 100% 60%);
	font-family: monospace;
	font-size: 16pt;
}

a {
	color: hsl(var(--hue-rotation) 100% 70%);
	font-weight: bold;
}