* {
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
.exam-html{
	color: #FFFFFF;
	background-color: #4B00A2;
	background-color: #333;
	text-align: center;
}
.question {
	background-color: #3F0FB7;
	background-color: #41C;
	margin: 16px 0px;
	width: 100%;
}
.text-stuff {
	text-decoration: none;
	/*color: #FFF;*/
	width:85%;
	padding: 10px 0px;
	display: inline-block;
	margin: 8px 0px;
	font-size: 20px;
}
.small-text-stuff {
	text-decoration: none;
	/*color: #FFF;*/
	width:85%;
	padding: 10px 0px;
	display: inline-block;
	margin: 8px 0px;
	font-size: 14px;
}
.correct {
	background-color: #040;
}
.wrong-selected {
	background-color: #A00;
}
.correct-selected {
	background-color: #0A0;
}
.in-progress {
	background-color: #FF0;
	color: #000 !important;
}
input {
	text-align: center;
	width: 85%;
	font-size: 20px;
	padding: 10px 10px;
	display: inline-block;
	color: #000;
}
.button {
	background-color: #000C64;
	color: #FFF;
}
.details {
	width: 100%;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}

.flexbox {
	display: flex;
	flex-wrap: wrap;
}

.flexbox > div {
	height: auto;
	width: auto;
	line-height: normal;
	flex: auto;
}

.in-progress .small-text-stuff {
	color: #000;
}
.correct .small-text-stuff {
	color: #FFF;
}
.wrong-selected .small-text-stuff {
	color: #FFF;
}