body {
	background: #000 url(back.png);
	background-size: cover;
	color: rgba(255,255,255,0.9);
}
@keyframes kf_logo {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


#logo {
	z-index: -1;
	position: fixed;
	top: 5vh;
	bottom: 5vh;
	left: 3vw;
	right: 3vw;
	background: url(logo.svg) no-repeat center;
	background-size: contain;
	animation-name: kf_logo;
	animation-duration: 360s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	filter: blur(8px);
	opacity: 0.08;
}

#title span {
	font-family: 'Arial';
	font-variant-caps: small-caps;
	font-size: 34px;
	line-height: 30px;
	color: #f4f4f4;
	filter: blur(0.5px);
	letter-spacing: 0.03em;
}

#title img {
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	margin-right: 12px;
	animation-name: kf_logo;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}