body	{
	font-family: sans-serif;
	margin: 1em;
	}
pre	{
	background-color: lightyellow;
	padding: 1em;
	}
code	{
	font-weight: bold;
	color: #696969;
	font-size: larger;
	}
li	{
	padding-bottom: 1em;
	}
th	{
	text-align: left;
	}
tbody tr:nth-child(even) {
	background-color: #e4ebf2;
	color: #000;
	}
tbody tr:hover, tfoot tr:hover {
	background-color: lightyellow;
	}
tbody td:hover, tfoot td:hover {
	background-color: lightyellow;
	}
nav a	{
	text-decoration: none;
	font-weight: bold;
	color: var(--accent1-color);
	}
nav ul	{
	display: flex;
	flex-direction: column;
	padding: 0em;
	} 
nav li	{
	list-style: none;
	margin: 0.5em;
	padding: 0;
	font-size: 1em;  
	background-color: #e4ebf2;
	border-radius: 1em;
	padding: 1em;
	}
@media (min-width: 45em) {
	nav ul {	
		flex-direction: row;  
		}
  	nav li	{
		font-size: 1em;
		}  
	}