html, body {
	margin: 0;
	padding: 0;
  background-image:url(greybg.png);
	  font-family: cursive;
	  
	    }

#navContent{
margin:auto;	
width:800px;
height:400px;
position:relative;
overflow:hidden;
}

#baby{
font-size:40px;
color:#FFF;
}

#game1{
margin:auto;
width:800px;
height:400px;
right:0px;
position:absolute;
}

#game2{
margin:auto;	
width:800px;
height:400px;
right:-800px;
position:absolute;
} 


.questionText{
font-size:18px;
color:#FFF;
}

.option{width:400px;
height:48px;
margin:15px;
margin-left:1px;
font-size:18px;
color:#FFF; 
padding:7px;
padding-left:7px;
padding-top:7px;
cursor:pointer;
background-color:#3399FF;
}

.option:hover{
border:#0D0889 solid 3px;
color:#0D0889;
}

#topbar{
height:20px;
margin:auto;
margin-top:20px;
color:#FFF;
font-size:18px;
font-family: cursive;
width:800px;
border-bottom:solid white 2px;
}
 
.spacer{
height:15px;
}


.feedback1{
width:150px;
padding:5px;
font-size:20px;
color:#FFFFCC;
background-color:#009900;
font-family: cursive;
text-align:center;
}

.feedback2{
width:150px;
padding:5px;
font-size:20px;
color:#FFFFCC;
background-color:#CC3300;
font-family: cursive;
text-align:center;
}
 
 
@media screen and (max-width:800px) {
	#topbar{font-size:14px;margin-left:3%;margin-right:1%;margin-bottom:1%;width:96%;}
	#navContent{font-size:14px;margin:1%;width:98%;margin-top:1%;margin-bottom:1%;}
	#game1{font-size:14px;margin-left:1%;width:98%;}
	#game2{font-size:14px;margin-left:1%;width:98%;}
    .option{font-size:14px;margin:1%;margin-top:3%;}
    .feedback1{margin:1%;}
    .feedback2{margin:1%;}
    .questionText{font-size:14px;margin-top:1%;}


}
@media screen and (max-width:460px) {
	.option{font-size:14px;width:80%;margin-left:1%;margin-bottom:2%;}
	#topbar{font-size:14px;width:94%;margin-bottom:1%;}
	#navContent{font-size:14px;margin-top:1%;}
	.questionText{font-size:14px;margin-top:1%;}
}