/* https://fonts.google.com/specimen/Open+Sans */
/* https://fonts.google.com/specimen/Inter */
/* https://fonts.google.com/specimen/Spectral */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@1,400&display=swap');

html, body {
	background: white;
}
body {
	position: relative;
	font-size: 1rem;
	line-height: 1.5rem;
	width: 1100px;
	/* font-family: "Inter", sans-serif; */
	font-family: "Open Sans", sans-serif;
}

body > header {
	margin: 0 0 2rem;
	nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.5rem 1rem;
		border-top: 1px solid #EEE;
		border-bottom: 1px solid #EEE;
		white-space: nowrap;
	}
	nav.primary {
		display: flex;
		align-items: center;
		font-size: 0.9rem;
		background: linear-gradient(#F8F8F8, #FFFFFF);
	}
	nav.secondary {
		font-size: 0.8rem;
	}
	figure {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		margin: 0;
	}
	figure img {
		max-width: 500px;
	}

	a {
		display: inline-block;
		color: #555555;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

	.dividers span {
		color: #EEE;
		padding: 0 1rem;
	}
}

body > footer {
	color: #AAA;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	padding: 1rem;
	border-top: 1px solid #eee;
}

nav.tabs {
	text-align: center;
	margin: 0 0 1rem;
	border-bottom: 1px solid #ddd;
}
nav.tabs a,
nav.tabs span {
	display: inline-block;
	padding: 0.5ch 2ch;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;
	border-radius: 4px 4px 0 0;
	background: white;
	margin: 0 1ch -1px;
}
nav.tabs a {
	color:#0088cc;
}
nav.tabs a:hover {
	color:#005580;
	background: #EEEEEE;
}
nav.tabs span {
	color: #999;
}
nav.tabs a,
nav.tabs span,
nav.tabs .active {
	border: 1px solid #ddd;
}
nav.tabs .active {
	color: #555;
	font-weight: bold;
	border-bottom-color: white;
}