:root{
	--main-color: white;
	--secondary-color: rgb(15,40,47);
	--tertiary-color: rgb(91,165,186);
}

body{
	margin: 0;
	padding: 0;

	background-color: var(--main-color);

	font-family: "Courier New", "bizudmincho", "MS Pgothic", "MS Gothic", "Liberation Serif";
	color: var(--secondary-color);
	line-height: 1.3em;
}

ul{
	margin: 0;
	padding: 0;
}

ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	max-width:100%;
}

hr.dashed{
	border: none;
	border-bottom: 1px solid var(--secondary-color);
}

header{
	margin: 2px;

	text-align: center;
}

small {
	color: var(--tertiary-color);
}

nav ul{
	display: flex;
	justify-content: space-evenly;
}

nav li{
	float: left;
	
	color: var(--secondary-color);
}

nav li:hover {
	color: var(--tertiary-color);
}


#maincontainer{
	max-width: 45em;
	
	margin: 0 auto;
	padding: 0 2em;
}

a {
	color: var(--tertiary-color);
}

.tableofcontents {
    border: solid 1px;
    padding: 0 1em;
    max-width: fit-content;
}

summary {
	font-weight: bold;
}


figure {
    text-align: center;
}

figcaption{
	font-size: small;
	color: var(--tertiary-color);
}