/* 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;
	width: 1100px;
	/* font-family: Inter, sans-serif; */
}

body > header {
	font-family: "Open Sans", sans-serif;
	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 {
	font-family: "Open Sans", sans-serif;
	color: #333;
	font-size: 0.75rem;
	text-align: center;
	padding: 1rem;
}