@font-face {
	font-family: Charis SIL;
	src: url(/charis.ttf);
}
body
{
	background-image: linear-gradient(0deg, black, #101010);
	background-attachment: fixed;
}
*
{
	color: azure;
	font-family: Charis SIL;
}
h1, h2, h3, h4
{
	transition: color 0.5s;
}
h1:hover, h2:hover, h3:hover, h4:hover
{
	color: aquamarine;
}
a
{
	transition: color 0.5s;
}
a:hover
{
	color: yellow;
	text-decoration: inherit;
}
textarea
{
	background-color: black;
}
button
{
	background-color: black;
}
.spoiler
{
	filter: blur(5px);
	transition: filter 1s;
}
.spoiler:hover
{
	filter: blur(0px);
}
.center
{
	text-align: center;
}
.fadeout
{
	animation-name: fade-out;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}
.infopanel
{
	background-color: #000055;
	border-style: double;
	border-radius: 5px;
	border-color: blue;
	margin: 5px;
	padding: 5px;
}
@keyframes fade-out
{
	from
	{
		opacity: 1;
	}
	to
	{
		opacity: 0;
	}
}