/*Jasmine Frye*/
/*Define The Mind Typology Stylesheet*/
/*Styles for quiz pages*/

/* Styles for slideshow title */
#quiz {
	width: 100%;
	height: 30vh;
	margin: 3vh auto 0px;
	text-align: center;
}

#question {
	width: 100%;
	height: 25%;
	padding: 1vh;
	text-align: center;
	border-bottom: 1px solid #3D3A47;
	font-family: Palatino, Georgia, serif;
	font-size: 105%;
	color: #3D3A47;
}

#answerBox {
	padding-top: 1vh;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 1vh;
	width: 100%;
	height: 75%;
}

#ans1, #ans2, #ans3, #ans4 {
	padding: 1vh;
	border-radius: 2vh;
	background-color: #3AB54A;
	font-family: Tahoma, Verdana, sans-serif;
	color: #FFF;
	cursor: pointer;
}

#null1, #null2, #null3, #null4 {
	background-color: #FFF;
	color: #FFF;
}

@media	(max-width: 750px){
		#answerBox {
			grid-template-columns: repeat(1, 1fr);
		}
}