*{
	
}

body{
	margin: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.game-canvas {	
	width: 100vw;
	height: 100vh;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

.scoreboard {
	font-family: 'Roboto Mono', serif;
	position: absolute;
	height: 20%;
	width: 100%;
	max-width: 500px;
	max-height: 150px;
	z-index: 1;
}

.burst {
	position: absolute;
	top: 50vh;
	left: 50vw;
	background-color: black;
	width: 10px;
	height: 10px;
	z-index: 999;
}

.scoreboard span{
	display: flex;  
	align-items: center;
	height: 100%;
	width: 100%;
	color: black;
	font-size: 100px;
	margin-left: 30px;
	pointer-events: none;
	user-select: none;
}

.alien {
	position: absolute;
	width: 150px;
	height: 150px;
	z-index: 999;	
	user-select: none;
	-webkit-user-drag: none;	
}

.testViewport{
	position: fixed;
	width: 150px;
	height: 150px;
	top: 99vh;
	left: 99vw;
	background-color: orange;
}