html,
body
{
	
}

body
{
	margin: 0;
	padding: 0;
	
	font-family: Tahoma, Verdana, sans-serif;
	
	background-color: black;
	color: #c1c1c1;
}

.status
{
	display: block;
	width: 100%;
	
	padding: 20px 0;
}

.status section
{
	display: grid;
	grid-template-columns: 130px 1fr;
	grid-gap: 10px;
	
	margin: 0;
}

.status section h2
{
	margin: 0;
	padding: 0;
	
	font-size: 13px;
	font-weight: normal;
	
	text-align: right;
	
	display: inline-block;
	vertical-align: middle;
}

.status section .timeline
{
	margin: 0;
	padding: 0;
}

.status section .timeline .record
{
	display: inline-block;
	
	margin: 0 2px 0 0;
	padding: 0;
	
	width: 8px;
	height: 16px;
	
	border-radius: 2px;
	
	background-color: gray;
	
	cursor: pointer;
}

.status section .timeline .record.success{background-color: rgb(0, 224, 0);}
.status section .timeline .record.warning{background-color: rgb(224, 152, 0);}
.status section .timeline .record.danger{background-color: rgb(224, 0, 0);}