div.wrapper {
	width:100%;
	height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex: 0 0 1 0;
}
div.banner {
	margin:0px;
	height:100px;
	width:100%;
	display:flex;
	justify-content:space-between;
	background-color:#4b5320;
	color:white;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
div.canvas {
	display:flex;
	flex-direction:row;
	align-items:stretch;
	flex:auto;
	margin:0px;
	padding:0px;
}
div.guiContent {
  min-height:1px;
	height:100%;
	flex:auto;
  display: flex;
  flex-direction: column;
  justify-content: center;  /* Centering y-axis */
  align-items :center; /* Centering x-axis */	
}
div.settingsPanel {
  position:relative;
  min-height:1px;
	height:100%;
	flex:auto;
  display: flex;
	background-color:lightgray;
	border:thin solid black;
	padding:0px 20px;
	float:right;
	display:none;
	max-width: 250px; 
}