@import "latofonts.css";

.header, .header_link img, .options_panel{
	height: 32px;
}

.header{
	display: flex;
	padding: 4px 5px;
	background-color: #2d2d2d;
	border-bottom: 2px solid #1a1a1a;
	overflow: clip;
}

.header_link{
	display: flex;
	margin-right: 20px;
	font: 18px LatoWeb, Arial, sans-serif;
	text-decoration: none;
	align-items: center;
}

a.header_link:link, a.header_link:visited, a.header_link:active{
	color: #aaa;
}

.darkmode a.header_link:hover{
	color: #ff6a6a;
}

a.header_link:hover{
	color: #96cada;
}

.header_link img{
	margin-right: 3px;
}

.home_link img{
	margin-right: 0;
}

.header_link p{
	margin: 3px 0 0 0;
	text-decoration: none;
}

.selected_page{
	color: #eee !important;
}

.options_panel{
	position: absolute;
	right: 5px;
	margin: 1px 0 0 0;
	color: #eee;
	font: 18px 'Courier New', monospace;
}

.options_panel label{
	vertical-align: middle;
}