/*

	(c) Dittnamn AB, 2024
	This web site is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0
	International License. To view a copy of this license, visit
	http://creativecommons.org/licenses/by-nc-sa/4.0/.

*/

body{
	font-family: Futura, Gill Sans Nova, Gill Sans, Verdana, sans-serif;
	margin: 0px;
	background-color: #111111;
	color: #F0F0F0;
}
main {
	margin-left: auto;
	margin-right: auto;
}
footer {
	padding: 1em;
}
footer p {
	font-size: 75%;
	max-width: 80em;
}
a {
	text-decoration: none;
	color: #008000;
}

h1 {
	height: 100vh;
	width: 100vw;
	padding-left: 5vw;
	padding-right: 5vw;
	font-size: 10vmin;
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
	text-align: center;
}
p {
	font-weight: 200;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
th, td {
	padding-right: 2em;
	text-align: left;
}
.jump-link {
	display: none;
}
#menu {
	display: none;
	padding-top: 2em;
	width: 100%;
	background: #111111;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#menu:target {
	display: block;
}
#menu .menulink {
	display: block;
}
#menu ul {
	list-style-type: none;
	column-width: 20em;
	padding: 0px;
	margin-left: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#menu > ul {
	margin-left: 0.5em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
#menu li a {
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #222222;
	box-shadow: 0.2em 0.2em #222222;
	margin-bottom: 0.5em;
	margin-right: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #FFBB00;
}
#menu li a.selected {
	background: #FFBB00;
	color: #111111;
}
#menu li a:hover {
	background: #FFBB00;
	color: #111111;
}
.menulink {
	display: block;
	position: absolute;
	top: 2vh;
	left: 2vh;
	text-decoration: none;
	color: #FFBB00;
}
.menutext {
	display: inline-block;
	width: 12em;
	margin-left: 0.5em;
}
.dittnamn {
	font-weight: 500;
	display: inline-block;
	transform: rotate(-10deg);
	position: relative;
}
@media print {
	#menu, .menulink {
		display: none;
	}
}