@import "nav.css";
html {
	font-family: "Inclusive Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-left: 1rem;
	margin-right: 3rem;
	padding-right: 3rem;
    width: 95vw;
	font-size: 1em;
}
h1 {
	text-align: center;
}
.l1 {
	font-size: 1.8em;
}

.l2 {
	font-size: 1.65em;
	margin-left: 1rem;
}

.l3 {
	font-size: 1.5em;
	margin-left: 1.5rem;
}

.l4 {
	font-size: 1.4em;
	margin-left: 2rem;
}
.l5 {
	font-size: 1.3em;
	margin-left: 2.5rem;
}
.fname {
	font-family:Courier;
	color:darkred;
	font-weight: bold;
	font-size: 1.4rem;
}
ul {
	font-family: "Inclusive Sans", sans-serif;
    list-style: none;
	color:black;
	font-size: .9em;
	font-weight: normal;
}
details[open] > ul {
	background-color: cornsilk;
}
details > summary {
  padding: 2px 6px;
  width: 30em;
  background-color: #BEE;
  border: none;
  box-shadow: 3px 3px 4px black;
  cursor: pointer;
}
span.clickable:hover {
	cursor: pointer;
	fill: blue;
	text-shadow: 1px 1px grey;
}

.highlighted {
	background-color: wheat;
}