body {
	user-select: none;
	background-color: lightcyan;
}
img {
  user-drag: none; 
  -webkit-user-drag: none;
}
#game {
	width:88vmin;
	margin:0 auto;
	display:flex;
	flex-direction:column;
}
#top {
	margin-top:1vmin;
	display:flex;
	justify-content: space-between;
}
#tiles {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.row, .colr_row {
	display:flex;
}
.row div {
	width:8vmin;
	height:8vmin;
	border:.1vmin solid burlywood;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:5vmin;
	background-color: oldlace;
}
.highlight {
	outline:.4vmin dashed red;
	outline-offset:-.8vmin;
}
#tiles img, .row img {
	width:7.5vmin;
	height:7.5vmin;
}	
#middle {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:9vmin;
}
.colr {
	border:.1vmin solid black;
	background-color:cyan;
	width:3.45vmin;
	height:3.45vmin;
}
#pencils, #buttons {
	display:none;
	justify-content:space-around;
	margin-top:-2vmin;
}
#pencils div {
	width:8.5vmin;
	font-size:6vmin;
	font-family: cursive;
	text-align:center;
}
.pencil {
	font-size:2.1vmin;
	color:darkslategrey;
}
#buttons {
	display:flex;
	width:75vmin;
	margin:0;
}
#buttons div, #replay {
	font-size:3vmin;
	font-family: sans-serif;
	background-color: palegreen;
	padding:.5vmin 1.5vmin;
	border:.3vmin groove green;
	border-radius: 10%;
}
#replay {
  display:none;
  margin-left:-2.2vmin;
}
#bottom {
	display:flex;
	justify-content: space-between;
	align-items:center;
	margin-top:-1vmin;
}
#gift {
	width:7.5vmin;
	height:7.9vmin;
}
#level {
	width:12vmin;
  font-size:3vmin;
  text-align: center;
  margin-left:-2.2vmin;
  color:brown;
}
#level_button {
  font-size:3vmin;
  color:brown;
  font-style: normal;
}
#info {
	width:6vmin;
	height:6vmin;
}
#message {
	display:flex;
	justify-content: center;
	align-items:center;
	width:63vmin;
	height:6vmin;
	font-size:3.5vmin;
	font-style: italic;
	color:blue;
	background-color: mistyrose;
	border:1px solid blue;
}
#tiles img, .row div, #pencils div, #gift {
  cursor:pointer;
}
#replay, #level, #info, #buttons div {
  cursor:pointer;
}
#squares {
  display:grid;
}
#board {
  grid-row-start:1;
  grid-column-start:1;
} 
#smiley {
  width:auto;
  height:45vmin;
  grid-row-start:1;
  grid-column-start:1;
  padding:13vmin;
  display:none;
}

