

 


 


 

.box1{cursor: pointer; height:23px;width:100%;font-family: arial;opacity:.6;}

 


 

#quiz{
height:250px;
 padding:10px; 
}

#quiz1{
min-height:300px;
 padding:10px; 

}


#mainQ{margin:5px;font-size:18px;padding:5px;}
.option{margin:5px;margin-top:5px;margin-left:10px;border:1px solid grey;border-radius:4px;max-width:300px;padding-left:5px;cursor:pointer;padding-top:3px;padding-bottom:3px;}
.option:hover{background-color:#FFE4CA;}

.feedback{width:22px;height:22px;float:right;margin-right:3px;}

.optionsel2{height:24px;cursor:pointer;margin-bottom:5px;width:33%;float:left;}
.optionsel2:hover{background-color:#FFEFDF;}
.feedbacksel2{width:22px;height:22px;float:left;margin-left:3px;margin-right:3px;border:1px solid grey;}


.clearsel2{clear:both;float:none;} 

.green{background-color:green;color:#fff;padding:5px;text-align:center;width:150px;}
.red{background-color:red;color:#fff;padding:5px;text-align:center;width:200px;}

@media screen and (max-width:800px) {
 
		#quiz {width:90%;height:auto;}
 
		.optionsel2{height:40px;}
		
}

@media screen and (max-width:350px) {
 .optionsel2{width:48%;}
		 
		
}
 

