*{ font-family: 'Nunito'; font-weight: bold; }

html, body { overscroll-behavior: none; }

body {
	background-color: #00B4D8;
	display: flex;
	flex-direction:column;
	width: 100%;
	height: 100%;
	margin: 0;
	align-items: center;
	color: #03045E;
}

header {
	width: 100%;
	margin-bottom: 4em;
	justify-content: space-between;
	align-items: center;
	background-color: #CAF0F8;
}

.main-content {
	background-color: #CAF0F8;
	width: 95%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4em;
	padding: 1em;
	box-shadow: 0 0 0 1em #ADE8F4, 0 0 0 2em #90E0EF, 0 0 0 3em #48CAE4;
}

hr { border: 1px solid #0077b6; }

h2 { text-align: center; text-decoration: underline; }
h3 { text-align: center; }

a { color: #0077b6; }
a:hover { color: #0096c7; }
a:visited { color: #023e8a; }
a:visited:hover { color: #0096c7; }

p { line-height: 150%; }

.nav-list {
	list-style-type: none;
}

.nav-link {
	display: inline-block;
}

.results-container {
	flex-direction: row;
	list-style-type: none;
	text-align: center;
	align-items: flex-end;
	justify-content: center;
	padding: 0em;
	display: inline-flex;
	width: 100%;
	flex-wrap: wrap;
}

.result, .long-result {
	display: inline;
	padding: auto;
	text-align: center;
	padding: 1em;
	white-space: nowrap;
}

@media only screen and (max-width: 540px) { .long-result { display: none; } }

.tt {
	font-family: monospace;
	white-space: pre;
	line-height: 115%;
}