#toc {
	border          : 1px solid #bba;
	background-color: #f7f8ff;
	padding         : .5em .5em .2em;
	font-size       : 90%;
	text-align      : center;
	/*width:15em;*/
}

#toc ul {
	list-style-type: none;
	margin-left    : 0;
	padding-left   : 0;
	text-align     : left;
}

#toc a {
	text-decoration: none;
}

#toc a:active,
#toc a:hover {
	text-decoration: underline;
}

#toc .toc2 {
	font-weight: bold;
}

#toc .toc3 {
	margin-left: 2em;
	font-style : italic;
}

#toc .toc4 {
	margin-left: 4em;
	font-size  : smaller;
}

#toc .toc5 {
	margin-left: 6em;
	font-size  : smaller;
}

#toc .toc6 {
	margin-left: 8em;
	font-size  : smaller;
}

#toc .toc7 {
	margin-left: 10em;
	font-size  : smaller;
}

details {
	margin-bottom: 15px;
}

h2:tagert,
h3:target,
h4:target,
h5:target,
h6:target {
	animation: highlight 1s ease;
}
@keyframes highlight {
	from {
		background: yellow;
	}

	to {
		background: white;
	}
}