html, body {
		background-color: #111;
		color: #eee;
		font: 11px/13px Arial, sans-serif;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
	}

	img {
		display: block;
		image-orientation: from-image;
		position: absolute;
		inset: 0;
		margin: 0 auto;
		pointer-events: none;
		top: 10%;
	}

	img {
		animation-duration: 1s;
		animation-name: fadein;
		animation-fill-mode: both;
	}

	.passphrase {
		animation-delay: .2s;
		animation-duration: 1s;
		animation-name: fadein;
		animation-fill-mode: both;
	}

	.copyright {
		animation-delay: .5s;
		animation-duration: 1s;
		animation-name: fadein;
		animation-fill-mode: both;
	}

	@keyframes fadeout {
		0% {opacity: 1;}
		50% {opacity: 1;}
		100% {opacity: 0;}
	}

	@keyframes fadein {
		0% {opacity: 0;}
		50% {opacity: 0;}
		100% {opacity: 1;}
	}

	h1 {
		position: absolute;
		width: 100%;
		top: 1em;
		cursor: default;
	}

	form {
		position: absolute;
		width: 100%;
		top: calc(10% + 160px);
	}

	form.feedback {
		display: none;
	}

	input {
		text-align: center;
	}

	textarea {
		height: 160px;
		resize: none;
	}

	input, textarea, button {
		width: 200px;
		padding: 5px 16px;
		outline: none;
		border: none;
		border-radius: 5px;
		line-height: 130%;
	}

	button {
		display: block;
		margin: 10px auto;
	}

	input {
		color: #fff;
		background: #000;
	}

	textarea {
		color: #333;
		background: #fff;
	}

	button {
		color: #fff;
		background-color: rgb(81, 129, 184);
	}

	.copyright, .feedback-on {
		text-align: center;
		position: absolute;
		width: inherit;
	}

	.feedback-on {
		bottom: 3em;
	}

	.copyright {
		bottom: 1em;
	}

	a {
		color: #777;
		text-decoration: none;
	}