/* activities/menu.css */

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

body {background-color:#008; font-family:arial; font-size:20px; color:#007;}

button {background-color:BurlyWood; color:#900; position:absolute; height:60px;
 font-size:36px; border-radius:10%;  border:none;
 box-shadow:0px 0px 0px 5px darkred}

.abs {position:absolute;}
.italic {font-style:italic;}
.textC {text-align:center;}

#box {border:5px double black; margin:0 auto;
			background-color:ivory;}
#head {
	padding-top: .5vw;
	display:flex;
	align-items: center;
	justify-content: space-around;
}
#head div img {
	width:70%;
	display:block;
	margin:0 auto;
}
#items {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item {margin:10px 15px; border:2px solid green; width:150px; cursor:pointer;
	height:150px; display:inline-block; text-decoration:none;
  box-shadow:10px 10px 5px lightgray; text-align:center;}
.item img {display:inline-block; margin-top:12px;}
.caption {padding-top:7px; font-style:italic; height:14%; font-size:18px;
	margin-top:-5px;}
.red {border:4px solid red;}

#note {text-align:center; border:2px solid green; width:600px; padding:10px;
	margin:10px auto;}
#note2 {text-align:center; border:4px solid red; width:670px; padding:10px;
	margin:10px auto;}

