body {
	background-color:black;
}
#top {
	display:flex;
}
#top img {
	height:42px;
	padding:5px 20px;
}
#game {
	margin-top:5px;
	display:flex;
	flex-direction:column;
	align-items: center;
}
#grid {
  display:grid;
	width:630px;
	height:525px;
  grid-template-rows: repeat(5,1fr);
  grid-template-columns: repeat(6,1fr);
	overflow:hidden;
	border:3px solid ivory;
}
.piece {
  grid-row: 1/ span 1;
  grid-column: 1/ span 1;
  width:100%;
  height:100%;
  outline:1px solid red;
  outline-offset:-1px;
}
.highlight {
  outline:5px solid lightgreen;
  outline-offset:-5px;
}
#buttons {
	display:flex;
}
button {
	margin:10px;
}
#bottom {
	width:630px;
	display:flex;
	justify-content:space-around;
	align-items:center;
}
#smiley1, #smiley2 {
	visibility:hidden;
}
#pan {
	width:315px;
	height:262px;
	overflow:hidden;
	border:2px solid ivory;
}