/* TAGS */
header {
	background-image: url(../img/imgHeader.png);
	background-size: cover;

	margin: 0%;
	padding: 0%;

	width: 100%;
	height: 200px;

	display: flex;
	align-items: center;
	justify-content: center;
}

body {
	position: absolute;
	
	margin-left: 25%;
	margin-right: 25%;
}

/* ID */
#contentSection {
	background-color: #af97e6;

	min-height: 600px;
	min-width: 900px;
	max-height: 600px;
	max-width: 900px;

	display: flex;
	flex-flow: row wrap;
}

#sidebarSection {
	background-image: url(../img/imgSidebar.png);
	background-repeat: no-repeat;

	min-width: 20%;
	min-height: inherit;
	max-height: inherit;
	background-color: #e29b9b;

	margin: 0%;
}

#sidebarSection a {
	color: #000000;
	text-decoration: none;
}

#informationSection {
	background-image: url(../img/imgInformation.png);
	background-repeat: no-repeat;

	min-width: 80%;
	min-height: inherit;
	max-height: inherit;
	background-color: #a3dd88;

	margin: 0%;

	overflow-y: auto;
}

/* CLASS */
.contentArea {
	margin: 15px;

	display: flex;
	flex-flow: column wrap;
}

.sidebarPiece {
	margin-top: 10px;
	margin-bottom: 10px;
}

.infoPiece h2 {
	margin-left: 20px;
}