@charset "UTF-8";
header {
    text-align: center;
}
@media screen and (orientation: landscape){
	.container {
		font-family: sans-serif;
		text-align: justify;
		max-width: 15cm;
		margin-left: auto;
		margin-right: auto;
		border-bottom-color: #a40000;
		border-bottom-style: solid;
		border-bottom-width: 1mm;
		padding-left: 1mm;
		padding-right: 1mm;
		margin-bottom: 2cm;
	}

	div.menu {
		font-size: medium;
		text-align: left;
		font-family: sans-serif;
		text-transform: lowercase;
		border-radius: 5mm;
		background-color: #a40000;
		border-color: #a40000;
		border-style: solid;
		border-bottom-width: 1mm;
		border-top-width: 1mm;
	}

	li.pages {
		color: white;
	}

	a.pages:link {
		color: white;
		text-decoration: none;
	}

	a.pages:visited{
		color: white;
		text-decoration: none;
	}

	a.pages:hover {
		color: #a40000;
		background-color: white;
		text-decoration: none;
	}

	a.pages:active{
		color: white;
		text-decoration: none;
	}
}

@media screen and (orientation: portrait){
	.container {
		font-family: sans-serif;
		font-size: 8mm;
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
		border-bottom-color: #a40000;
		border-bottom-style: solid;
		border-bottom-width: 1mm;
		padding-left: 3mm;
		padding-right: 3mm;
		margin-bottom: 4cm;
	}

	div.menu {
		font-size: 8mm;
		text-align: center;
		font-family: sans-serif;
		text-transform: lowercase;
		border-radius: 5mm;
		background-color: #a40000;
		border-bottom-color: #a40000;
		border-top-color: #a40000;
		border-bottom-style: solid;
		border-top-style: solid;
		border-bottom-width: 1mm;
		border-top-width: 1mm;
	}

	li.pages {
		color: #a40000;
		margin-bottom: 5mm;
		list-style-type: none;
	}

	a.pages:link {
		color: white;
		text-decoration: none;
	}

	a.pages:visited{
		color: white;
		text-decoration: none;
	}

	a.pages:hover {
		color: #a40000;
		background-color: white;
		text-decoration: none;
	}

	a.pages:active{
		color: white;
		text-decoration: none;
	}
}



.avatar {
    margin-top: 1cm;
    margin-left: auto;
    margin-right: auto;
}

a:link {
    color: #a40000;
    text-decoration: none;
}

a:visited{
    color: #a40000;
    text-decoration: none;
}

a:hover {
    background-color: #a40000;
    color: white;
    text-decoration: none;
}

a:active{
    color: #a40000;
    text-decoration: none;
}

li.popsci {
    margin-bottom: 0.25cm;
}