body {
	direction: rtl;
}

.header {
	margin-bottom: 5em;
	direction: ltr;
	text-align: center;
}

.header h1 {
	font-size: 3em;
}

.header img {
	height: 2em;
	vertical-align: middle;
}

.article {
	width: 80%;
	max-width: 80em;
	margin: auto;
	font-size: 1.2em;
}

.article p {
	margin-bottom: 2em;
}

/* Green hyperlinks */

.article a:link {
	color: #008800;
}

.article a:visited {
	color: #006600;
}

/* Display raw link after hyperlink (except when it's a title) */
.article a::after {
	content: " (" attr(href) ")";
}

a[href=""]::after, a[href="#"]::after, a:not([href])::after {
	content: "";
}

.footer {
	text-align: center;
}