* {
	box-sizing: border-box
}


*+* {
	margin: .5em 0
}

body {
	font: 400 1em inter
}

pre {
	overflow: auto
}

@media(min-width:35em) {
	.col {
		display: table-cell
	}

	.\31 {
		width: 5%
	}

	.\33 {
		width: 22%
	}

	.\34 {
		width: 30%
	}

	.\35 {
		width: 40%
	}

	.\32 {
		width: 15%
	}

	.\36 {
		width: 50%
	}

	.row {
		display: table;
		border-spacing: 1em 0
	}
}

.row, .w-100 {
	width: 100%
}

.card:focus, hr {
	outline: 0;
	border: solid #fa0
}

.card, pre {
	padding: 1em;
	border: solid #eee
}

.btn:hover, a:hover {
	opacity: .6
}

.container {
	max-width: 60em;
	padding: 1em;
	margin: auto;
	font: 400 1em inter;
	line-height: 1.6;
}

h6 {
	font: 400 1em inter
}

h5 {
	font: 400 1.2em inter
}

h3 {
	font: 400 2em inter
}

h4 {
	font: 400 1.5em inter
}

h2 {
	font: 400 2.2em inter
}

h1 {
	font: 900 3.5em inter;
	color: #374046
}

a {
	color: #fa0;
	text-decoration: none
}

.btn.primary {
	color: #fff;
	background: #fa0;
	border: solid #fa0
}

td, th {
	padding: 1em;
	text-align: left;
	border-bottom: solid #eee
}

.btn {
	padding: 1em;
	text-transform: uppercase;
	background: #fff;
	border: solid;
	font: .7em inter
}