@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

body {
	background-color: #444f56;
	color: #dde1e4;
	font-family: 'Roboto';
	line-height: 1.6;
}

canvas {
	display: block;
	height: auto;
	max-width: 100%;
	background-color: #f8fafc;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.125);
}

dt {
	display: inline-block;
	font-weight: 700;
}
dt::after {
	content: ':';
}
dd {
	display: inline-block;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.2;
}

.container {
	max-width: 512px;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
}