/* /activities/Words/styles.css */
*:focus {outline: none;} /* prevents outline on clicked items */
* { /* reset */
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body {
	background-color:ivory;
	font-family:sans-serif;
	font-size:4vmin;
	color: #007;
}
#main {
	margin: 0 auto;
	text-align: center;
}
#head {
	display:flex;
	padding-top:5px;
	justify-content:space-around;
	align-items: center;
}
#head img {
	width:60%;
}
#title p {
	margin-top: -10px;
}
#grid {
	display:flex;
	flex-direction: column;
	margin: 2vmin 0;
}
#grid div {
	display:flex;
	justify-content: center;
	flex-direction: row;
}
.cell {
	width:13vmin;
	height:13vmin;
	border:double 1vmin #ddd;
	margin:1vmin;
	border-radius: 2vmin;
	font-size:7vmin;
	display:flex;
	align-items: center;
}
.p0 {
	visibility: hidden;
}
.p1 {
	background-color: #dff;
}
.p2 {
	background-color: #ffd;
}
.p3 {
	background-color: #fdd;
}