* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	color: white;
	background: blue;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.header {
	display: flex;
	height: 64px;
	padding: 0px 16px;
}

.content {
	display: flex;
	flex: 1 0 auto;
	justify-content: center;
	align-items: center;
}

.footer {
	flex-shrink: 0;
	height: 32px;
}