:root {
	--primary-colour: #47ff5f;
	--primary-colour-dark: #0d5e18;
	--secondary-colour: #d81dc8;
	--table-header-colour: #4f89b9;
	--table-alt-row-colour: #f2f2f2;
	--table-border-colour: #ddd;
	--table-hover-colour: #ddd;
	--header-btn-hover-gradient-from: #f4f7fb;
	--header-btn-hover-gradient-to: #1c79bf;
	--header-btn-active-gradient-from: #f38c28;
	--header-btn-active-gradient-to: #ee1f1f;
}

.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-collapse: collapse;
	width: 100%;
	max-width: 600px;
	margin-bottom: 100px;
}

.info td,
.info th {
	border: 1px solid var(--table-border-colour);
	padding: 4px;
}

.info td:nth-child(2) {
	text-align: right;
	width: 30%;
}

.info tr:nth-child(even) {
	background-color: var(--table-alt-row-colour);
}

.info tr:hover {
	background-color: var(--table-hover-colour);
}

.info th {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	background-color: var(--table-header-colour);
	color: white;
}