:root {
  --primary-color: #1F54B2;
  --secondary-color: #FF585E;
  --unfilled-color: #FF585E180; /* used in the progress bar. the 80 at the end is hex for 50% transparency*/
  --text-bg-color: #FFD1E5E0;
}

.cta {
	display: inline-block;
	background-color: var(--primary-color);
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	margin: 20px;

}

.trivia-ans{
	padding: 10px;
	margin: 5px;
	border: 1px solid #1F54B2;
	border-radius: 25px;
	cursor: pointer;
}

.trivia-ans-selected{
	background-color: #1F54B2;
	color: #fff;
}

.trivia-ans-correct{
	border: 1px solid #228B22;
	background-color: #228B22;
	color: #fff;
}

.trivia-ans-wrong{
	border: 1px solid #B22222;
	background-color: #B22222;
	color: #fff;
}