*, *::before, *::after { box-sizing: border-box }
* { margin: 0 }
html, body { height: 100% }
input, button, textarea, select { font: inherit }
p, h1, h2, h3 { overflow-wrap: break-word; margin-bottom: 1.3em }
body {
	-webkit-font-smoothing: antialiased;
	font-family: Georgia, serif;
	font-size: 18px;
	padding: 0 5px;
	color: #000;
	background-color: #fff;
}
main, header, footer {
	margin: 0 auto;
	max-width: 40em;
}
p {
	line-height: 1.6em;
}
h1, h2, h3 {
	font-family: sans-serif;
	color: #060;
	margin: 1em 0;
	font-weight: normal;
}
fieldset {
	border: 0;
}
ol {
	font-size: 1.3em;
	padding-left: 1em;
}
ol li {
	margin-bottom: 1.5em;
}
label {
	display: block;
	margin-top: 0.5em;
}
button {
	display: block;
	margin-top: 1em;
	background-color: #0a66c2;
	border: 0;
	border-radius: 100px;
	color: #ffffff;
	font-family: -apple-system, system-ui, sans-serif;
	font-size: 16px;
	font-weight: bold;
	justify-content: center;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	line-height: 20px;
	min-height: 40px;
	padding: 0 20px;
	cursor: pointer;
	touch-action: manipulation;
	user-select: none;
	-webkit-user-select: none;
}
button:hover, button:focus {
	background-color: #16437E;
	color: #ffffff;
}
button:active {
	background: #09223b;
	color: rgb(255, 255, 255, .7);
}
button:disabled {
	cursor: not-allowed;
	background: rgba(0, 0, 0, .08);
	color: rgba(0, 0, 0, .3);
}
form.inline button {
	display: inline
}
body#home main > p {
	margin-bottom: 4em;
}
h2 {
	margin-top: 4em;
}
input {
	margin-bottom: 1em
}
hr {
	margin: 2em 0;
}
table, tr, th, td {
	border: 1px solid #ddd;
}
td {
	padding: 0.25em;
}
section#app {
	width: 100%
}
small, footer {
	font-size: 0.65em;
	color: #666;
}
footer {
	margin-top: 4em;
	margin-bottom: 1em;
}