body {
	font-family: sans-serif;
}

.container {
	margin: auto;
}

svg {
	background: top/cover no-repeat;
	display: block;
	max-width: 100%;
	margin: 0 auto 8px;
}

svg.bordered {
	outline: 1px solid #000;
}

rect, polygon {
	stroke: none;
	stroke-width: 1px;
	fill: #0000;

	a:hover & {
		stroke: #ccf2;
		fill: #ccf2;
	}
}

.test {
	rect, polygon {
		stroke: #0f08;
		stroke-width: 3px;
		stroke-linejoin: round;

		a:hover & {
			stroke: #0f0;
			fill: #0f08;
		}
	}
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

p {
	margin: 4px 0 0;
}

.right {
	text-align: right;
}

.big {
	font-size: 125%;
}