* {
	
	margin: 0;
	padding: 0;
}

body {
	background-color:black;
	
}
.sec1{
	background-color:#17202A;
}
#game-container {
	width: 100%;
	height: 100vh;
}

/* Fix mozilla error */
canvas {
	display: block;
}
.h1title{
	
	letter-spacing: 20px;
	background-color:rgba(255, 255, 255, 0.082);
	font-weight: bold;
}
#title, #subtitle ,#btngo{
	position: absolute;
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4rem;
	color: white;
	text-shadow: 2px 2px black;
}
#btngo{
	top:80%
}
#btngo a{
	padding: 10px 20px;
	background:none;
	color: white;
	border: 1px solid white;
	border-radius: 3px;
	font-size: 3rem;
	text-shadow: 2px 2px black;
	cursor: pointer;
	box-shadow: 2px 2px black, 2px 2px black inset;
}
#title{
	top: 5%;
	
}
#subtitle{
	top: 70%;
}



.noselect{
	user-select: none;
}

.demo {
	visibility:hidden;	
}

.demo div {
	
	position:absolute;
	display:inline-block;
	/* left:50%; */
	/* top:50%; */
	font-weight:800;
	font-size:60px;
	color:white;
	transform:translate(-50%, -50%);
	width:100%;
	text-align:center;
}