html {
	height: 100%;
	padding: 0px;
}
body {
	background-color: #081008;
	font-family: monospace;
	color: #fff;
	font-size: 12pt;
	height: 100%;
	width: 100%;
	margin: 0px;
}
@keyframes wobble {
	from {
		background-position: 47%, 53%;
	}

	5% {
		background-position: 49%, 51%;
	}

	50% {
		background-position: 50%, 50%;
	}

	to {
		background-position: 49%, 51%;
	}
}
.logo {
	position: relative;
	animation-duration: 2s;
	animation-name: wobble;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	height: 10vw;
	width: 80vw;
	background: url(/gfx/bitfehler.svg), url(/gfx/bitfehler.svg);
	background-size: auto 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: 48%, 52%;
	filter: blur(1px);
	opacity: 1;
}
@keyframes foo {
	from {
		background: repeating-linear-gradient(transparent, transparent 0.3vw, #081008 0.4vw, #081008 0.5vw);
	}

	to {
		background: repeating-linear-gradient(transparent, transparent 0.35vw, #081008 0.35vw, #081008 0.5vw);
	}
}
.lines {
	top: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	animation-duration: 3s;
	animation-name: foo;
	animation-iteration-count: infinite;
	background: repeating-linear-gradient(transparent, transparent 5px, black 5px, black 8px);
	background-size: auto 100%;
	background-position: center;
	opacity: 1;
}
p {
	width: 100%;
	text-align: center;
	margin-bottom: 5%;
}
a {
	font-size: 26pt;
	color: #5F5;
	text-decoration-color: #55FF55AA;
}
a:hover {
	color: #F5F;
	text-decoration-color: #FF55FFAA;
}
.gr {
	color: #666;
}
img {
	border: 0px;
	vertical-align: middle;
}
form {
	margin: 0px auto;
	width: 300px;
}
fieldset {
	margin: 0px auto;
	border: 0px solid #FFFFFF;
	padding: 0px;
}
.row {
	margin: 0px auto;
	padding: 5% 0px;
	text-align: center;
}
.box {
	display: inline-block;
}