nav {
	position: sticky;
	top: 0;
	font-size: 1.25em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: fit-content;
	padding-left: 0.5em;
	padding-right: 0.5em;
	z-index: 1;
	background-color: #FFFFFFCF;
}

nav > details > div {
	display: inline-block;
	background-color: #EFFFD6CF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	max-width: fit-content;
}

nav > details > div h2 {
	display: block;
	margin-top: 0;
	font-size: 1em;
}

nav > details > div :is(a:link, a:visited) {
	background-color: #D3F1A7;
	color: black;
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none
}

main{
	margin-top: 1em
}

main > section{
	margin-left: auto;
	margin-right: auto;
	max-width: fit-content;
}

main > section > h2{
	background-color: #D3F1A7;
	color: black;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 100%;
}

table {
	display: inline-block; 
	margin-right: 2em; 
	padding-bottom: 2em; 
	vertical-align: top; 
}

table > caption{
	background-color: #B3DF72; 
	caption-side: top; 
	font-size: 1.5em; 
	font-weigth: 700;
	position: sticky
}
th{
	background: #B3DF72
}
td{
	padding: 4px; 
	padding-left: 6px; 
	padding-right: 6px; 
	border-width:1px; 
	border-style:solid; 
	border-color:white
}
tbody > tr:nth-child(odd){
	background-color: #EFFFD6;
}
tbody > tr:nth-child(even){
	background-color: #D3F1A7;
}