cosmet.css

div {
	margin: 0;
	padding: 0;
}

.title > span {
	font-size: 20px;
	margin-left: 20px;
	margin-top: 20px;
}

.title hr {
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid white;
}

.cosmet {
	background-color: #000;
	color: #e1e1e1;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.graph-container {
	border-bottom: 1px solid #444;
	height: 45%;
	position: absolute;
	top: 0;
	width: 100%;
}

.graph {
	height: 100%;
	position: absolute;
	width: 65%;
}

.graph img {
	width: 93%;
	height: 60%;
	margin-top: 0.9em;
	margin-left: 1.2em;
	text-align: center;
}

.status {
	height: 100%;
	position: absolute;
	right: 0;
	width: 35%;
	border-left: 1px solid #444;
}

.details-container {
	bottom: 0;
	height: 55%;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.watt-prediction,
.watt-prev {
	width: 80%;
	text-align: center;
	margin-top: 20px;
}

#pred, #watt {
	font-size: 25px;
}

.badge {
	clear: both;
	display: inline-block;
	font-size: 32px;
	height: 60px;
	margin-left: 90px;
	margin-top: 10px; 
	padding: 10px;
	text-align: center;
	width: 120px;
}

.badge + .badge {
}