/*General*/
*{
  padding: 0px;
  margin: 0px;	
  border:0px;
}
body {
	text-align: center;
	background: #056194;
	padding: 0;
	border: 0;
	margin: 0;
	height: 100%;
}
div {
  display: inline-block;
  text-align: center;
}
div#title{
	clear:both;
	width:100%;
	color:#FFF;
	font-size:40px;
	font-weight:bold;
	display:block;
}
div#howtoplay{
	clear:both;
	width:100%;
	color:#FFF;
	margin:auto;
	display:block;
	font-size:16px;
}
div#gameover{
	clear:both;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10000;
	background-color:rgba(0,153,255,0.7);
	color:#fff;
	display:none;
}
div#gameover b{
	font-size:50px;
	color:#F00;
}
/*Game Board*/
div#gameBox {
  width:500px;
  height:500px;
  margin:auto;
  clear:both;
  padding:0;
}
div.box {
  width: 20%;
  height:20%;
  background-color: #dddddd;
  margin:0 -4px;
  padding:0;
  cursor:pointer;
  -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}
div.box p {
  padding: 0px;
  margin: 0px;
  font-weight:bold;
  font-size:40px;
}