.title{
    color:brown;
    margin-top:50px;
    font-family: arial 
}

.possible_answer  {
    background: #f1f2f4;
    padding: .75em;
}

.possible_answer:hover {
	background: #9ba5b1;
	cursor: pointer;
    font-weight: bold;
}

.correct-answer, .wrong-answer {
	opacity: .75;
	cursor: pointer;
}

.wrong-answer {
	background: #FF8362;	
}

.correct-answer {
    background: #62DA97;
}

.selected {
    opacity: 1;
}

.selected:hover, .correct-answer:hover, .wrong-answer:hover {
	opacity: 1;
}

.how_you_did {
	margin-top:50px;
    text-align: center;
	padding: 1em;
	background-color: rgb(112, 127, 143);
    color:whitesmoke;
	font-weight: bold;
	font-size: 1.25em;
	-webkit-box-shadow: 0px 7px 5px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 7px 5px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 7px 5px rgba(50, 50, 50, 0.65);
}

.text{
    color:#8892C6;
    font-size: 1.25em;
}
/*multimedia styling*/

img, .youtube {
	margin-bottom: 1em;
	/* [disabled]min-height: 200px; */
	/* [disabled]max-height: 200px; */
}

.possible_answer img {
	max-height: 24em;
}

.question img, .revealed_answer img, .selected img, .correct-answer img, .wrong-answer img {
    max-height: 24em;
    display: block;
}

.videoembed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.videoembed iframe, .videoembed object, .videoembed embed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}