div.content { margin-right: 1em; }
div.content img {
	width: 250px;
	height: auto;
	margin-bottom: 1em;
}

h3#total {
	margin: 0;
	color: var(--purple-7);
}

div.results { width: 100%; }

div.result {
	display: flex;
	flex-flow: row nowrap;
	gap: 0.5em;
	padding: 0.25em;
}

div.result p {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 1.5em;
}

div.result p:nth-child(1) {
	color: var(--blue-7);
	width: 64%;
	text-align: right;
	font-size: 1.0em;
}

div.result p:nth-child(2) {
	background-color: var(--blue-7);
	width: 25%;
}

div.result p:nth-child(3) {
	background-color: var(--purple-7);
	width: 11%;
}

div.attempts, div.vert {
	display: flex;
	flex-flow: row nowrap;
	gap: 1em;
	justify-content: right;
	font-size: 1.25em;
	color: var(--neutral-7);
}
div.attempts p, div.vert p, div.vert label {
	margin: 0;
	font-size: 0.75em;
	text-align: right;
}
div.vert label { width: 6em; }
div.vert p { width: 2em; }