:root {
	--main-bg-colour: rgb(0,100,160);
	--main-text-colour: lightgrey;
}
body {
        background-color: var(--main-bg-colour);
        color: var(--main-text-colour);
}

a {
        color: whitesmoke;
}

button {
	font-size: 4vh;
	background-color: var(--main-text-colour);
	color: var(--main-bg-colour);
	border: none;
	border-radius: 0.3em;
}

button:hover, button:active{
	background-color: whitesmoke;
}

.badge.compliance{
	height: 2.75vh;
	padding: 0.1em;
}

.badge.store{
	width: 8em;
	padding: 0.1em;
}

#content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(37em, 1fr));
}

.card {
	max-width: 35em;
	text-align: justify;
	hyphens: auto;
	padding: 2.5em;
	border-radius: 1em;
	box-shadow: 0.5em 0.5em 1em;
	background-color: var(--main-bg-colour);
	margin: 1em;
}