@charset "utf-8";
/* CSS Document */
html {
	background: #000;
	background-image: url("images/landAndWater.png");
	background-size: cover;
}

#wrap {	
	max-width: 80%;
	margin: auto;
	text-align: center;
}

#game {	
	/*width: 100%;*/
	/*border-right: 3px solid #0f0;
	border-bottom: 3px solid #0f0;*/
	box-shadow: 1px 1px 0 #0f0;
}


h2 {color: red}

.game {
	color: #0f0;
	text-align: center;
}

.block {
	box-shadow: inset 1px 1px 0 #0f0;
	width: 10%;
	display:inline-block;
	border-right: none;
	/*border-top: .5% solid #0f0;*/
	/*border-left: .5% solid #0f0;*/
	padding: 0;
	margin:0;
	/* float: left; */
	/* background: #000; */
	background-image: url('images/clouds.png');
	transition: ease all 0.3s;
	cursor: pointer;
	text-align: center;
	color: #030;
	/*color: rgba(0, 153, 0, .5);*/
	font-size: 2em;
	font-size: 4vw;
	line-height: 2em;
}
.block:hover {
	background: #090;	
}
.clear {
	clear: both;
	height: 0;
	width: 0;
}

.found {
	color: #c00; 
	background: #c00;
}

@media screen and (max-width : 480px) {
/* Styles */
#wrap {max-width:100%;}
}