body{
	xfont-family:Arial;
	width:100vw;
	height:100vh;
	max-height:100vh;
	overflow-x:hidden;
	overflow-y:hidden;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	
	background-color:#5781a2;
	margin:0;
	padding:0;
}

#tileArea{
	xborder:1px solid red;
	width:100vw;
	height:100vh;
	xdisplay:flex;
	xjustify-content: center; /* align horizontal */
	position:absolute;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.tile{
	border:1px solid green;
	position:relative;
	xdisplay:inline-block;
	xwidth:19%;
	xheight:9%;
	xdisplay:flex;
	float:left;
	padding:0px;
	margin:0px;
	background-color:#1fb032;
	box-shadow: 1px 1px 5px #000;	
}


.wrapper:after {
  content:" ";
  display:table;
  clear:both;
}

.wrapper div {
  xwidth:50px;
  xheight:50px;
  xborder:1px solid;
}