@font-face {
	font-family: "Anonymous Pro";
	src: url("font/anonymous_pro.ttf");
}

body {
	background-image: url("img/background.png");
	margin: 0px;
}

#desktop-padded {
	max-width: 35cm;
	margin: 0 auto;
}

#header {
	background-color: #000000;
	padding: 8px 24px;
	font-family: "Anonymous Pro";
}

#header-row {
	margin: 0px;
	display: flex;
}

#header-center {
	display: inline-block;
	margin: 0 auto;
}

#header-right {
	margin-left: auto;
	margin-right: 0;
}

h1 {
	color: #ffffff;
}

h2 {
	color: #ffffff;
}

h3 {
	color: #ffffff;
}

a {
	color: #ffffff;
	font-weight: bold;
}

#header a {
	color: #ffffff;
}

p {
	color: #ffffff;
}

#content {
	padding: 8px 24px;
	font-family: "Anonymous Pro";
}

#content p {
	line-height: 1.5em;
}

.justify {
	text-align: justify;
}

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

.center-inner {
	display: inline-block;
}

.preview-box {
	display: inline-block;
	padding: 2% 2.5%;
}

@media (max-width: 10in) {
	.preview-box {
		display: inline-block;
		padding: 2% 4%;
	}
}