html, body {
	height: 100%;
	
	font-family: 'Courier New', monospace;

	margin: 0;
	padding: 0;
	
	background-color: #FFFFFF;
}

div {
	padding: 0;
	margin: 0;
	border: 0;
}

.view {
	height: 100%;
    display: flex;
    flex-direction: column;
}

.title {
	width: 100%;
	height: 40px;
    
	background-color: #516D60;
}

	.title > div {
		padding: 5px 5px 5px 20px;
		
		color: #FFFFFF;
		font-size: 30px;
		text-align: left;
		text-shadow: 0px 0px 3px #C8D5B9, 0px 0px 3px #C8D5B9, 0px 0px 10px #C8D5B9, 0px 0px 10px #C8D5B9;
	}

.page {
	display: flex;
	flex: 1;

	background-color: red;
}

	.page > .navbar {
		flex: 1;
		
		max-width: 10vw;
		min-width: 150px;
		
		padding: 10px;
		
		background-color: #C8D5B9;
	}

	.page > .content {
		flex: 1;
		padding: 10px;
		color: #FFFFFF;
		background-color: #819D90;
	}