div.groups { width: 100%; }
div.group {
	background-color: var(--blue-5);
	margin-bottom: 1em;
	cursor: pointer;
	border: solid 4px var(--neutral-0);
}

h3.group_name {
	color: var(--neutral-0);
	background-color: var(--blue-7);
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

div.status {
	display: flex;
	flex-flow: row nowrap;
}

div.coor {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	text-align: center;
	width: 25%;
}

div.coor label {
	margin-bottom: 0.25em;
}

div.group img {
	width: 100%;
	height: auto;
}

div.active {
	background-color: var(--blue-3);
	width: 75%;
	padding: 1em;
	color: var(--yellow-7);
}

div.group h4 {
	margin: 0;
	padding: 0.25em;
}

div.group div.events, div.group div.entrants {
	display: flex;
	flex-flow: column nowrap;
}

div.events p, div.entrants p {
	margin: 0.25em;
	padding-left: 1em;
	font-size: 1.5em;
}

div.entrant {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
div.entrant img {
	width: 150px;
	height: auto;
}

div.event h4 {
	text-align: center;
	background-color: var(--blue-7);
	color: var(--neutral-2);
}