@font-face{
	font-family: "font";
	src: url("font.ttf") format("truetype");
}
body {
	margin: 1em 1em 3em 1em;
	background-color: #eeebeb;
	font-family: "font", serif;
	font-size: 125%;
	line-height: 1.6;
}
.post {
	margin: 1.5em 2em;
	float: left;
}
.post p.key {
	float: left;
	margin: 0 1em;
	font-size: small;
	line-height: 0.5;
}
.post p.message {
	float: left;
	max-width: 350px;
	margin: -0.6em 0;
}
img,
iframe,
audio,
video {
	max-width: 350px;
	height: auto;
	clear: both;
	margin: 0.4em 0;
}

hr{
	clear: both;
	padding: 4em 0 0 0;
}
@media print{
	page{
		size: A3;
		orientation: portrait;
		margin: 10mm;
		background-color: white;
		color: black;
	}
	h1{
		width: 100%;
		text-align: center;
	}
	p.key,
	hr,
	span{
		display: none;
	}
	.post{
		margin: 1.5em 0.75em;
	}
	.post p.message{
		font-size: 12pt;
		line-height: 1.5;
		width: 100%;
		max-width: none;
	}
	.post p.message img{
		max-width: 65mm;
		transform: rotate(5deg);
	}
}