:root {
    --error-color: #e74c3c;

}
/* full page */
html{
    height: 100%;
    font-size: 14px;
}


/********************************NAV BAR*******************************************************/
.header-nav {
    width: 100%;
    height: 110px;
    background-color: #137547;
    color: white;
    text-align: left;
	overflow: hidden;
	position: relative;
}

.sprout_logo{
	display: flex;
	position: absolute;
	left: 0;
	padding-left: 5%;
	top: 50%;
	transform: translateY(-50%);
	max-height: 110px;
	align-items: center;
	justify-content: center;
}

#logo{
	max-height: 90px;
}

.userprofile {
	position: absolute;
	right: 0;
	padding-right: 10%;
	width: 20%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: right;
	justify-content: center;
	max-height: 110px;
}

#userprofile_image_src{
	max-width: 100%;
	max-height: 100px;
}

.userprofile_text{
	font-size: 24 px;
	padding-left: 5%;
	text-wrap: wrap;
}

/**********************************************************************************************/

/* control the body */
body{
    margin: 0;
    font-family: system-ui;
    background-color:rgb(19, 117, 71);
}

div{
    padding: 1%;

}