body {
	background-color: black;
	flex-direction: row
	display: flex; 
	gap:10px; 
	justify-content:center;
	align-items: center
}

	h1 {
		color: yellow;
		text-align: center;
		
}
	h2 {
		color: white; 
		text-align: center;
}
	h3 {
		color: white; 
		text-align: center;
}

	p1{
		color: white;
}
span{
	background-color: black;
}
#box1{
	border: 5px solid;
	height:500px;
	width: 500px;
	background-color: gray;
	font-size:14pt;
	padding:20px;
}
#Consumptie_chart_div{
	border: 5px solid;
	height:300px;
	width: 400px;
	background-color: tomato;
	font-size: 6pt;
	padding:10px;
	}

#Productie_chart_div{
	border: 5px solid;
	height:300px;
	width: 400px;
	background-color: green;
	font-size: 40pt;
	padding:10px;
}

#Overall_chart_div{
	border: 5px solid;
	height:300px;
	width: 400px;
	background-color: gray;
	font-size: 40pt;
	padding:10px;
}
#Bar_chart1_div{
	border: 5px solid;
	height:300px;
	width: 400px;
	background-color: gray;
	font-size: 40pt;
	padding:10px;
}
#Dayly_values_div{
	border: 5px solid;
	height:300px;
	width: 400px;
	background-color: ffc966;
	font-size: 40pt;
	padding:10px;
}