* {
	margin: 0;
	padding: 0;
}

/*
 * Main structure
 */

body {
	font-size: 14pt;
}

h1 {
	margin: 1em 4em 2em 1em;
	border-bottom-right-radius: 1em;
	border-width: 0 2pt 2pt 0;
	border-style: solid;
	border-color: black;
	padding-bottom: 0.4em;
	font-size: 2em;
}

h2 {
	width: 50%;
	margin: 1ex auto;
	border-bottom: 2pt solid black;
	padding: 0 2em 0.1em;
	
	text-align: center;
	font-weight: bold;
}

nav {
	margin: 1em 10ex;
	border-radius: 0.4em;
	padding: 0.4em;
	
	background-color: #EEF;
	
}

nav::after {
	content: "";
	clear: both;
	display: block;
}

nav a {
	display: block;
	float: left;
	
	padding: 1ex;
	border-radius: 1ex;
	margin: 0 1em;
	
	color: #113;
	text-decoration: none;
}

nav a:last-child {
	float: right;
}

nav a:hover {
	background-color: #33F;
	color: white;
}

main {
	margin: 1em auto;
	max-width: 120ex;
	padding: 1em 2em;
}

footer {
	margin: 1em 4em 0;
	border-top: 2pt solid black;
	padding: 1.2em;
	
	text-align: center;
	font-weight: bold;
}

/*
 * Main tags
 */
p {
	text-indent: 5ex;
	text-align: justify;
}

a[hreflang]::before {
		content: "[" attr(hreflang) "] ";
		text-decoration: none !important;
		color: #114;
}


/*
 * Special classes
 */
.clear {
	clear: both;
}

ul {
	list-style-type: disc;
}

ul.two-cols {
	max-width: 50ex;
	margin: 0 auto;
}

ul.two-cols::after {
	content: "";
	clear: both;
	display: block;
}

ul.two-cols li:nth-child(odd) {
	width: 40%;
	float: left;
}
ul.two-cols li:nth-child(even) {
	width: 40%;
	float: right;
}