body {
	width: 100wh;
	height: 100vh;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

header {
	position: fixed;
    top: 0;
	width: 100%;
	height: 3.5rem;
	background-color: rgb(30,41,51);
	color: azure;
	vertical-align:middle;
}

section {
	position: fixed;
	top: 3.5rem;
	width: 100%;
	height: calc(100% - 5rem);
	overflow-y:auto; 				
}

#treeContainer {
	position: relative;
	max-height: 100%; 
	overflow-y:auto; 
	background-color: aliceblue;
}

#imageContainer {
	position: relative;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	max-height: 100%; 
	overflow-y:auto; 
}

#imageContainer img {
	width: 100%;
	position: relative;
	max-height: 100%; 
	object-fit: contain;
}

#tableContainer {
	position: relative;
	max-height: 100%; 
	overflow-y:auto; 
	background-color: beige;
}

footer {
    position: fixed;
    bottom: 0;
	width: 100%;
	text-align:center;
	height: 1.5rem;
	color: rgb(255,223,91);
	vertical-align:middle;
	font-size: small;
	font-weight: bold;
	background-color: rgb(30,65,94);
}

button {
	background-color: transparent;
	color: azure;
}

button:hover{
	background-color:rgb(55,118,171);
}

input {
	margin-top: 0.6rem;
}