@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: "Lato";
	display: flex;
	flex-direction: column;
	height: 100%;
	/*overflow: hidden;*/
}

* {
	box-sizing: border-box;
}

#dashboard_header {
	font-family: "Lato", sans-serif;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background-color: #2c3e50;
	height: 3rem;
	flex-shrink: 0;
	padding: 0; /* optional, remove if you want flush edges */
}

.header_left,
.header_right {
	display: flex;
	align-items: stretch;
}

.header_link {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	height: 100%;
	background-color: #2c3e50;
	color: white;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.2s ease;
}

.header_link:hover {
	background-color: #3d566e;
}

.current {
	background-color: yellow;
}

.header_link:visited,
.header_link:active {
	text-decoration: none;
}

#main_content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #2c3e50;
	overflow: hidden;
}