body {
	font-family: Helvetica, sans-serif;
	background-image: url('/img/bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #0C2401;
}

a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
a:hover {
	color: #fff;
	text-decoration: underline;
}

.wrapper {
	min-height: 100vh;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.wrapper__inner {
	flex: 0 1 auto;
	max-height: 100%;
	min-height: 1px;

	text-align: center;
	padding: 30px;
}



.logo {
	width: 200px;
	max-width: 100%;
	margin: 0 auto 30px;
	animation: rotate-in .7s ease-out;
	animation-fill-mode: forwards;
}

p {
	animation: fade-down .5s ease-out;
	animation-fill-mode: forwards;
}


@keyframes rotate-in {
	0% {
		opacity: 0;
		transform: scale(0) rotateY(-180deg);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotateY(0);
	}
}
@keyframes fade-down {
	0% {
		opacity: 0;
		transform: translateY(-30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}