body {
	background-color:black;
	display:flex;
	flex-direction: column;
	align-items: center;
}
#title {
	width:300px;
	margin:10px 0;
}
#game {
	display:flex;
	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 {
	margin-top:20px;
	display:flex;
}
button {
	margin:10px;
	padding:10px 20px;
	font-size:20px;
	cursor:pointer;
}
#pan {
	width:315px;
	height:262px;
	overflow:hidden;
	border:2px solid ivory;
	margin-right:40px;
}
.smileys {
	display:flex;
	justify-content: space-around;
	margin:10px 40px 10px 0;
	visibility: hidden;
}
#left, #right {
	display:flex;
	flex-direction:column;
	align-items: center;
}