header {
	--header-background: #fff;
	--annasthms-text: #000;
}

.night header {
	--header-background: #111;
	--annasthms-text: #fff;
}

header {
	display: grid;
	padding: 5vw;
	background: var(--header-background);
	/* color: #57585c; */
	color: var(--text);
	border-bottom: 3px solid var(--accent-hsl);
	grid-template-areas: "welcome description";
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

header div#welcome {
	grid-area: welcome;
	line-height: 5.5vh;
}

header div#welcome_text {
	font-size: 4vh;
	font-variant: small-caps;
}

header div#welcome_annasthms {
	font-size: 6vh;
	color: var(--annasthms-text);
}

header div#welcome_annasthms a {
	color: var(--annasthms-text);
}

header div#welcome_annasthms span {
	color: #068570;
	color: var(--accent-hsl);
}

header div#description {
	grid-area: description;
	text-align: right;
}

@media screen and (max-width: 600px) {
	header {
		grid-template-areas: "welcome" "description";
	}
	header div#description {
		margin-top: 1.35em;
		text-align: left;
	}
}