header {
	background-color: #2E3440;
	color: #fff;
}
header .wrap {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: .5em;
	margin: 0 auto;
	max-width: 60em;
	width: 100%;
}
header .title img {
	height: 2.5em;
}
header a {
	color: inherit;
	text-decoration: none;
}
header a:hover {
	text-decoration: underline;
}
header nav {
	display: flex;
	gap: 1.75em;
	align-items: center;
}
header nav button, header nav a {
	background: inherit;
	color: inherit;
	border: 0;
	padding: 0;
	font-size: .9rem;
	font-weight: bold;
	cursor: pointer;
}
header nav button:after {
	font-family: 'RemixIcon';
	margin-left:.5em;
}
header nav button.edit:after { content: '\EC86' }
header nav button.logout:after { content: '\EEDA' }
header nav button.login:after { content: '\EED4' }
header nav button.signup:after { content: '\F25E' }

@media screen and (max-width: 750px) {
	header { padding: .5em }
	header .title { margin-bottom: .5em }
	header .wrap {
		flex-direction: column;
		align-items: center;
	}
}