body {
	background-color: #000;
	color: #DDD;
	margin: 0;
	padding: 0;
	border: 0;
	font: normal 24px/150% "Courgette", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p, ul {
	padding: 0;
	margin: 0 0 1em 0;
}

h1 {
	display: none;
}

.main {
	padding: 3em;
}

@media screen and (max-width: 640px) {
	
	.main {
		padding: .75em;
	}
	
}

.statuses {
	max-width: 20em;
	margin: 0 0 3em 0;
	list-style-type: none;
}

@media screen and (max-width: 640px) {
	
	.statuses {
		margin-bottom: .75em;
	}
	
}

.cover {
	text-align: right;
	line-height: 0;
}

@media screen and (max-width: 640px) {
	
	.cover {
		text-align: left;
	}
	
}

.cover .image {
	display: inline-block;
	width: 10em;
}

@media screen and (max-width: 640px) {
	
	.cover .image {
		width: auto;
	}
	
}

.cover img {
	max-width: 100%;
}