html
{
	background: black url("bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	color: white;
	min-height:100vh;
	background-position: bottom center;
	font-family: Gentium, sans-serif;
	font-size: 16pt;
}

body
{
	margin:auto;
	max-width:90vw;
	display:flex;
	flex-direction:column;
}

h1
{
	text-align: center;
}

a
{
	color:white;
	font-weight:bold;
}

form
{
	margin-top: 0.5rem;
	display: flex;
}

input
{
	font-family: Gentium, sans-serif;
	font-size: 16pt;
}

input[type=email]
{
	margin-right:0.5rem;
}

.logo-big
{
	width: 70vw;
	max-width: 70vh;
}

.tagline
{
	text-align: center;
	margin: 0.5rem;
	font-style: italic;
}

.mailbox
{
	width: 20rem;
	max-width: 80vw;
	margin: auto;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	background: black;
}

.mailbox input[type=email]
{
	flex-grow: 1;
}

.purpose
{
	text-align: left;
	font-size: 12pt;
	margin-top: 10px;
}

.thanks
{
	max-width: 20vw;
	margin: 20px auto;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	background: black;
}