@use "../../../init" as *;

.C_main
{
	background-color: white;
	width:100%;
	height:100%;
	color:black;


	@include mobile()
	{

	}
}


.C_sub
{
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 1em 1em; 
	width:100%;
}

.C_heading
{
	color:white;
	font-size: 2rem;
	font-weight: bold;
	padding:0.5rem;
	background-color: #55a4da;
}

.C_machine_name
{
	padding:1rem;
	font-size: 2rem;
}

.C_time_range
{
	text-align: right;
	padding:1rem;
	font-size: 2rem;
}

.C_pie_chart
{
	height:40rem;

}

.C_stats
{
	
}


.C_stats_container
{
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em 1em; 
	font-size: 2rem;
}

.C_stat_caption
{
	font-size:2.5rem;
	width:30rem;
	text-align: center;
}

.C_stat_value
{
	width:30rem;
	font-size:4rem;
	text-align: center;
}