body,html{margin:0px;padding:0px;background-image:url(bg.png);font-family:Verdana, Geneva, sans-serif;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

}

#fbArea{margin-top:20px;margin-bottom:20px;text-align:center;padding-right:5px;padding-left:5px;}

#iholder{width:0px;float:right;position:absolute;right:40px;top:5px;}
#iholder img{width:30px; }

#task1{width:500px;margin:auto;text-align:center;}

#rightAnswer{text-align:center;}


#o1{position:relative;}
#o2{position:relative;}

 
#gameArea{width:800px;height:460px;margin:auto;background-color:#fff;margin-top:10px;margin-bottom:10px;border:1px solid #bdc3c7; box-sizing:border-box;}
 
#pix1{margin-top:2px;text-align:center;}
#pix1 img{width:250px;}

#score1{background-color:#03A678;font-size:19px;color:#efefef;padding:8px;text-align:center;width:300px;margin:auto;}

#butang2x{width:140px;margin:auto;text-align:center;background-color:#c0392b;height:24px;padding:5px;font-size:17px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang2x:hover{opacity:.6;}



 #butang5{margin:auto;width:200px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang5:hover{opacity:.6;}

 
 
 
#promo{margin:auto;text-align:center;margin-top:10px;}

 
#spacer{width:100%;height:20px;}
 
 

#holder{margin:auto;margin-top:40px;width:400px;text-align:center;position:relative;}
 

#question{text-align:center;margin:auto;width:90%;padding:10px;background-color:#fde3a7;border-radius:8px;font-size:22px;margin-bottom:40px;}
.option{ width:400px;border:1px solid #ececec;text-align:center;margin-right:10px;padding:10px;border-radius:8px;font-size:17px;background-color:#ececec;margin-top:10px;cursor:pointer;}



.option:hover{background-color:#d35400;color:#efefef;}


  


#displayBar{width:100%;height:40px;background-color:#6c7a89;color:#efefef;}
#displayBar1{font-size:20px;line-height:40px;text-align:center;float:left;width:33%;}
#displayBar2{font-size:20px;line-height:40px;text-align:center;float:left;width:33%;}
#displayBar3{float:left;width:33%;height:100%;}
#displayBar3inner{width:100%;height:100%; }


#stars{text-align:center;width:100px;margin:auto;margin-top:40px;}








@media screen and (max-width:800px) {	
#gameArea{width:100%;}
}








@media screen and (max-width:650px) {
#gameArea{margin-top:15px;height:540px;}
}



@media screen  and (max-width:510px){
#task1{width:90%;margin:auto;}

#question{width:90%;padding:10px;border-radius:8px;font-size:22px;text-align:center;}
#option1{ width:90%;text-align:center;}
#option2{width:90%;text-align:center;}
#option3{width:90%;text-align:center;}
}

 



@media screen and (max-width:450px) {
	#holder{width:100%;}
	.option{ width:90%;margin:auto;border:1px solid grey;text-align:center;padding:5px;padding-top:8px;padding-bottom:8px;border-radius:8px;font-size:17px;background-color:#ececec;margin-top:15px;cursor:pointer;}
}