body {
  min-height: 98vh;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu, Arial, "Open Sans", "Noto Sans", "Fira Sans", "Droid Sans", Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Emoji Regular";
	background: linear-gradient(200deg, #A0C49D 0%, #C4D7B2 25%, #E1ECC8 50%, #F7FFE5 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;

color:#fff;
}
.title {
	font-size:5em;
	text-align:center;
}

main, nav {
	max-width:800px;
	margin: auto;
	color:#333;
	background:rgba(255,255,255,0.5);
	padding:1em;
	box-sizing: content-box;
}
main {
	border-radius:0 0 1em 1em;

}

main a {
	text-decoration:none;
	color:#4496cc;
}
nav {
	border-radius: 1em 1em 0 0;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}

nav a {
	color:#333;
	text-decoration:none;
}
table {
	width:100%;
	margin:auto;
	border-collapse: collapse;
}
 table, th, td {
  border: 1px solid;
  padding:1em;
} 
details {
  border: 1px solid #333;
  border-radius: 0.5em;
  padding:0.5em 0.5em 0;
  margin-bottom:1em;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding:0.5em;
}

details[open] {
  padding:0.5em;
}

details[open] summary {
  border-bottom: 1px solid #333;
  margin-bottom: 1em;
}

@media (max-width: 800px) {
	nav {
		flex-direction:column;
		text-align:center;
		box-sizing:content-box;
	}
}