body
{
	background-color: #222831; /* 30475e */
	color: #ececec;
	max-width: 1024px;
	margin: auto;
	font-family: arial;
}

div
{
	/* padding: 4px; */
}

h1, h2, h3, h4, h5, h6
{
	color: #f2a365;
}

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

form
{
	margin: 0;
}

button, input[type='submit']
{
	border: 1px solid #30475e;
	background-color: #222831;
	color: #ececec;
	border-radius: 4px;
	padding: 2px 4px;
}

button:hover, input[type='submit']:hover
{
	background-color: #30475e;
	cursor: pointer;
}

input
{
	border: 1px solid #30475e;
	padding: 2px 4px;
}

.input_button_pair>button
{
	margin-left: 0;
	border-left: none;
	border-radius: 0 4px 4px 0;
}

.input_button_pair>input
{
	margin-right: 0;
	border-right: none;
	border-radius: 4px 0 0 4px;
}

.error
{
	background-color: #be1422;
}

.success
{
	background-color: #14842d;
}

header>nav
{
	background: #30475e;
	text-align: right;
}
header>nav>a
{
	padding: 4px;
	display: inline-block;
}
header>nav>a:hover
{
	color: #ececec;
	background: #222831;
}

table
{
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

td, th
{
	border: 1px solid #30475e;
	padding: 4px;
	text-align: center;
}

ul.inline, ol.inline
{
	list-style-type: none;
	padding: 0;
}

ul.inline li, ol.inline li
{
	float: left;
}

form input, form label
{
	margin: 2px;
}

section
{
	border-top: 1px solid #30475e;
	padding-bottom: 16px;
}

.centered-text
{
	text-align: center;
}

.home-link
{
	display: inline-block;
	width: 33%;
	filter: brightness(60%);
	transition: filter .3s ease;
}

.home-link:hover
{
	filter: brightness(100%);
}