<header class="site-header">
	<div class="container">
		<p class="site-title">
			<a href="{{.Site.BaseURL}}">{{.Site.Title}}</a>
		</p>
		{{ partial "nav-main.html" . }}
	</div>
</header>
<style>
.site-title {
	font-size: 1.25em;
	margin: 0;
}
.site-title a {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}
.site-header .nav-main ul {
	list-style: none;
	padding-inline-start: 0;
	margin-block: 0;
	display: flex;
}
.site-header .nav-main ul li:not(:first-child) {
	margin-left: 1em;
}
.site-header .container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding-block: 1em;
}
</style>