/**
 * Header package
 */

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--tc);
  --hf: "Noto Serif", serif;
  --ht: none;
}

.header > * {
	margin: 15px 0 0;
}

.header > :first-child {
  margin-top: 0;
}

.bio p.byline {
  margin: 0;
}

@media (min-width: 600px) {
	.header .bio {
		display: flex;
    align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: left;
	}
}