body {
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.grid {
	width: 550px;
	height: 500px;
	border: solid white 1px;
	display: flex;
	flex-wrap: wrap;
}

.grid div {
	width: 50px;
	height: 50px;
}

.invader {
	background: url('../images/Enemy_Ship.png') no-repeat center center; 
	background-size: contain;
}

.shooter {
	background: url('../images/pixel_art.png') no-repeat center center; 
	background-size: contain;
}

.laser {
	background: url('../images/Lazers.png') no-repeat center center; 
	background-size: contain;
}

.boom {
	background: url('../images/Explosion.png') no-repeat center center; 
	background-size: contain;
}
h1 {
	color: white;
	font-family: "Freeman", Futura, sans-serif;
  	font-weight: bold;
}

.reset-button {
	margin-top: 10px;
	text-align: center;
	position: absolute;
 	left: 50%;
 	transform: translate(-50%, -50%);
	color: white;
	background-color: #262626;
	border-width: 5px;
	border-radius: 30px;
	height: 90px;
	width: 200px;
	border-color: yellow
}