#left_header{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 20%;
}

#project_name{
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 100%;

	text-align: center;

}
#middle_header{
	position: absolute;
	top: 0;
	left: 20%;
	height: 100%;
	width: 50%;
}

#project_intro{
	position: absolute;
	top: 2%;
	left: 5px;
	height: 20px;
	width: 100%;

	text-align: left;
}

#right_header{
	position: absolute;
	top: 0;
	left: 70%;
	height: 100%;
	width: 30%;
}

#new_group_text
{
	position: absolute;
	top: 5%;
	left: 5%;
	width : 95%;
	height : 20%;
	font-size : 13px;
}

#new_group_name_inp
{
	position: absolute;
	top: 25%;
	height : 20%;
	width : 90%;
	left: 5%;
	font-size : 13px;
	background-color : #363636FF;
	outline: none;
}

#new_group_button
{
	position: absolute;
	top: 50%;
	width : 20%;
	left : 40%;
	height : 20%;
	cursor : default;
	background-color : #00000000;
}

#go_back{
	position: absolute;
	top: 75%;
	width : 20%;
	left : 5%;
	height : 20%;
	cursor : default;
	font-size : 14px;
	text-align: center;
	color: #D3D3D3FF;
	background-color : #00000000;
	text-decoration : none;
}

#new_group_button:hover , #go_back:hover
{
	background-color : #8E8E8EFF;
	color: #2B2B2BFF;
}
#new_group_button:active , #go_back:active
{
	color : #000000FF;
	background-color : #D3D3D3FF;
}

