html { 
	font-family: Inter; 
}

body { 
	max-width: 700px;
	margin: 0 auto;
	margin-top: 1rem;
	padding: 0 1rem;
	padding-top: 1rem;
	background: #E4E4E7; 
	line-height: 1.6; 
	font-size: 1rem; 
	color: #3F3F46; 
}

div.content { 
	max-width: 700px; 
	margin: 0 auto; 
	padding: 1rem; 
	background: #F4F4F5; 
}

@media screen and (max-width: 700px) { 
	body { 
		margin: 0; 
		padding-bottom: 2rem; 
	} 
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold; 
	line-height: 1.1; 
	margin-bottom: 1rem; 
	color: #18181B; 
	letter-spacing: -1px; 
}

h1 { 
	font-size: 2.2rem; 
	border-bottom: 1px solid #D4D4D8; 
}

h2 { 
	font-size: 1.6rem; 
	border-bottom: 1px solid #E4E4E7; 
}

h3 { 
	font-size: 1.3rem; 
	font-style: italic; 
}

p { 
	margin-top: .5rem; 
}

a { 
	color: blue; 
	text-decoration: underline; 
}

a:hover, a:focus { 
	color: #0000ffa3; 
	text-decoration: none; 
}

.note { 
	background: #fef3c7; 
	padding: 1rem; 
	color: #241d01; 
	border-radius: 4px; 
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

header { 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	border-bottom: 2px solid #00000022; 
	align-items: center; 
	background: #2496b4; 
	padding: .5rem 1rem; 
	color: white; 
	margin-bottom: 1rem; 
}

header a.invisible-link { 
	color: inherit; 
	text-decoration: inherit; 
}

header a.invisible-link:hover, header a.invisible-link:active { 
	text-decoration: underline; 
}

header h1 {
	margin: 0;
}

header span.header-title { 
	font-weight: bold; 
	font-size: 1.2rem; 
	padding-top: 1px; 
	padding-right: 1rem; 
}

header div img { 
	max-height: 50px; 
}

header div nav a { 
	color: white; 
}

header div nav a:hover, header div nav a:focus { 
	color: #ffffffc5; 
	text-decoration: none; 
}

header div nav a:not(:last-of-type) { 
	margin-right: .5rem; 
}


nav {
	padding: 8px 0;
}

nav p {
	margin: 0;
}

nav a {
  	color: black;
  	min-height: 23px;
 	/* min-width: 75px; */
	padding: 6px 8px;
	text-decoration: none;
	display: inline-block;
}

main { 
	padding: 0 .5rem; 
}

@media screen and (max-width: 700px) { 
	main { 
		padding: 0; 
	} 
}

footer { 
	font-size: .8rem; 
	border-top: 1px solid #D4D4D8; 
	padding-top: 1rem; 
	margin-top: 2rem; 
	text-align: center;
}

footer span { 
	opacity: .7; 
}

footer img { 
	height: 20px; 
	vertical-align: text-bottom; 
}


code.language-plaintext { 
	font-size: .9rem; 
	background: #ededed; 
	border: 1px solid #00000020; 
	border-radius: 2px; 
	padding: 2px 5px; 
}

blockquote { 
	margin: 0; 
	padding: .5rem .8rem; 
	background: #E4E4E7; 
	border-left: 5px solid #D4D4D8; 
	color: #27272A; 
	margin-bottom: 1rem; 
}

blockquote p { 
	margin: 0; 
}

/*# sourceMappingURL=main.css.map */