/* /activities/Peter's Brain Games/Shapes/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

body {font-family:arial,sans-serif; font-size:20px;
	background-color:#400;}
h2 {text-align:center; margin-top:20px; margin-bottom:-5px;
	font-family:Georgia,serif; font-style:italic; color:blue;}

#box {width:1200px; height:850px; background-color:lightyellow; margin:0 auto;
	border:5px double blue; position:relative;}
#stars {text-align:center; margin-top:20px;}
#stars img {cursor:pointer; padding:10px;}
#best {text-align:center; font-size:24px;}
#start {position:absolute; left:560px; top:380px; display:none;}
.round_button {width:80px; height:110px; cursor:pointer;}
.round_button p {margin-top:0px; font-size:24px; text-align:center;}
#home {position:absolute; left:10px; top:10px;}
#back {position:absolute; left:60px; top:10px;}
#again {position:absolute; right:10px; top:10px;}
#moves {position:absolute; left:45px; top:25px; font-size:60px;}

#watch {position:absolute; left:535px; top:80px; display:none;}

#lt {position:absolute; left:280px; top:200px; width:244px; height:244px;}
#rt {position:absolute; right:280px; top:200px; width:244px; height:244px;}
#asks {position:absolute; left:350px; bottom:270px; width:500px; height:50px;
	color:orange; text-align:center; display:none;}
#same {position:absolute; left:630px; top:560px; color:navy;
	display:none;}
#different {position:absolute; left:490px; top:560px; color:navy;
	display:none;}

#box {
	width:96vw;
	max-width:960px;
	height:900px;
}
#start {
	left:440px;
}
#lt, #asks, #different, #same, #watch {
	margin-left:-130px;
}
#asks {
	margin-bottom:130px;
}
#rt {
	margin-right:-130px;
}
@media screen and (orientation:landscape) {
	#lt, #rt, #different, #same {
		margin-top:-90px;
	}
	#asks {
		margin-bottom:220px;
	}
}