* {
	box-sizing: border-box;
	--rainbow: linear-gradient(to right, #c0f, #53f, #08f, #0c8, #0e0, #ff0, #f70, #f00);
	--link: linear-gradient(to right, #b31, #f85);
}
body {
	font-family: monospace;
	font-size: 18px;
	color: #ccc;
	background-color: #000;
}

h1 {
	color: #fff;
	margin-top: 32px;
	margin-bottom: 32px;
}
h2 {
	color: #fff;
}
h3 {
	color: #5c3;
}

hr {
	color: #444;
}

a {
	background-image: var(--link);
	-webkit-background-clip: text;
	color: transparent;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000;
	background-image: var(--link);
	-webkit-background-clip: border-box;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: #fff;
	background-image: var(--link);
	-webkit-background-clip: border-box;
	text-decoration: underline;
	font-weight: bold;
}

ul {
	list-style-type: none;
	color: #fff;
	padding-left: 4px;
}
li:before {
	content: '\2605';
	margin: 0 6px;
}

span.rainbow {
	background-image: var(--rainbow);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
}
div.rotate {
	transform: rotate(180deg);
	overflow-x: hidden;
}

::selection {
	color: #0df;
	background-color: #046;
}

.white {
	color: #fff;
}