body{
	font-family: sans-serif;
}

#status{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 430px;
	height: 100%;
	overflow-y: scroll;
}
#status > div{
	width: 33.3333333%;
    height: 150px;
    border: solid 1px;
    box-sizing: border-box;
    position: relative;
}

.hugvey{
	background-image: linear-gradient(to top, #587457, #35a589);
	color:white;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hugvey.hugvey--off{
	background-image: linear-gradient(to top, #575d74, #3572a5);
}

.hugvey h1{
	text-align: center;
	margin: 0;
}
.hugvey.hugvey--off h1::after{
	content: '[off]'
}
.hugvey.hugvey--on h1 {
    position: absolute;
    left: 5px;
    top: 5px;

}