html {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	font: 16px Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
}

header {
	background-color: #e0e0e0;
	display: flex;
	justify-content: space-between;
	padding: 20px;
}

header > nav {
	align-items: center;
	display: flex;
	gap: 24px;
}

header > section {
	align-items: center;
	display: flex;
	gap: 12px;
}

header > section > img {
	height: 25px;
}

header > section > p {
	font-size: 24px;
	margin: 0;
}

main {
	flex-grow: 1;
}

footer {
	background-color: #e0e0e0;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 24px;
	justify-content: center;
	padding: 24px;
}