.header {
	width: 100%;
	height: 6vw;
	background-color: rgba(0, 0, 0, 1);
	overflow: hidden;
}
/* header:hover {background-image: url('../images/rainbow.gif');} */

.headerTitle {
	width: 20vw;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2vw;
	font-family: 'Oswald';
	font-weight: bold;
	font-style: italic;
	color: white;
	float: left;
	padding: 0vw;
	margin: 0vw;
	text-align: center;
	text-shadow: 0.1vw 0.1vw black;
}

.headerNav {
	height: 100%;
	float: right;
	margin-right: 5vw;
}

.headerButton {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25vw;
	font-family: 'Oswald';
	text-shadow: 0.1vw 0.1vw black;
	text-decoration: none;
	border: none;
	background: none;
	color: white;
	float: left;
	cursor: pointer;
	padding: 3vw;
}
/* .headerButton:hover {background-color: lime;} */

.headerLine {
	width: 0.25vw;
	height: 4vw;
	margin: 1vw 0vw 1vw 0vw;
	background-color: rgba(0, 128, 0, 0.5);
	border-radius: 50vw;
	float: left;
}