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

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

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

#box {width:960px; height:110vh; background-color:moccasin; 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 {margin:50px auto; display:none;}
.round_button {width:80px; height:110px; cursor:pointer;}
.round_button p {margin-top:0px; font-size:20px; 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:20px; font-size:60px;}

#note {border:2px solid green; color:brown; margin:50px auto;
	width:580px; padding:10px; font-size:1.4em; text-align:center;}

#items {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top:20px;
}

@media screen and (orientation:landscape) {
	.pic {
		width:200px;
		height:200px;
	}
}