html, body, wa-page {
	background-color: rgb(30, 40, 50);
	color: white;
}

wa-page:not(:defined) {
	visibility: hidden;
}

header, footer {
	background-color: rgb(20, 30, 40);
}

main {
	margin: auto;
	width: 100%;
	max-width: 1280px;
}

a {
	color: white;
	font-size: 1.6rem;
	text-decoration: none;
}

a:hover {
	color: rgb(230, 200, 220);
}

a.navbutton {
	color: white;
	font-size: 1.7rem;
	padding: 1rem;
}

a.navbutton:hover, a.navbutton.active:hover  {
	background-color: rgb(70, 50, 60);
}

a.navbutton.active {
	border-style: solid;
	border-color: rgb(70, 50, 60);
}

@media (max-width: 1100px) {
	a {
		font-size: 1.3rem;
	}
}