body {
	/* background-color: lightgray; */
}

.game {
	/* width:10000px;
	height:10000px; */

}

.entity {
	position:absolute;
	overflow: hidden;
	/* text-orientation: upright;
	writing-mode: vertical-lr; */
}

.player {
	/* opacity:0; */
	position: fixed;
	margin-left: -105px;
	margin-top: -105px;
	top: 50%;
	left:50%;
	text-align: center;
	padding-left: calc(50vw - 50%);
	padding-top: calc(50vw - 50%);
}


.speech {
	z-index: 100;
	position: fixed;
	width: 50%;
	margin-top: 80px;
	left: 25%;
	top: 50%;
	padding-left: calc(50vw - 50%);
	padding-top: calc(50vw - 50%);
	text-align:center;
	font-size: 24px;
	color:white;
	text-shadow:
	-1px -1px 0px #000,
	0px -1px 0px #000,
	1px -1px 0px #000,
   -1px  0px 0px #000,
	1px  0px 0px #000,
   -1px  1px 0px #000,
	0px  1px 0px #000,
	1px  1px 0px #000,
   /* second layer at 2px */
   -2px -2px 0px #000,
   -1px -2px 0px #000,
	0px -2px 0px #000,
	1px -2px 0px #000,
	2px -2px 0px #000,
	2px -1px 0px #000,
	2px  0px 0px #000,
	2px  1px 0px #000,
	2px  2px 0px #000,
	1px  2px 0px #000,
	0px  2px 0px #000,
   -1px  2px 0px #000,
   -2px  2px 0px #000,
   -2px  1px 0px #000,
   -2px  0px 0px #000,
   -2px -1px 0px #000; 	/* background-color: white; */
}

.speech-boss {
	z-index: 100;
	position: absolute;
	width: 580px;
	left: 4605px;
	top: 1550px;
	text-align:center;
	font-size: 24px;
	color:yellow;
	text-shadow:
	-1px -1px 0px #000,
	0px -1px 0px #000,
	1px -1px 0px #000,
   -1px  0px 0px #000,
	1px  0px 0px #000,
   -1px  1px 0px #000,
	0px  1px 0px #000,
	1px  1px 0px #000,
   /* second layer at 2px */
   -2px -2px 0px #000,
   -1px -2px 0px #000,
	0px -2px 0px #000,
	1px -2px 0px #000,
	2px -2px 0px #000,
	2px -1px 0px #000,
	2px  0px 0px #000,
	2px  1px 0px #000,
	2px  2px 0px #000,
	1px  2px 0px #000,
	0px  2px 0px #000,
   -1px  2px 0px #000,
   -2px  2px 0px #000,
   -2px  1px 0px #000,
   -2px  0px 0px #000,
   -2px -1px 0px #000; 	/* background-color: white; */
}

.wall {
	font-size: 17px;
	/* background-color: black; */
}

.trigger {
	/* background-color:red; */
}

.boss {
	/* font-family: monospace; */
	letter-spacing: -5px;
	line-height: 17px;
	font-size: 16px;
}

.play {
	width:100px;
	height:100px;
	color:gray;
	position: fixed;
	margin-left: -46px;
	margin-top: -46px;
	top: 50%;
	left:50%;
	text-align: center;
	transition: transform .2s;
}

/* img, svg, svg * {
	pointer-events: none;
} */


.grow:hover {
	transform: scale(1.1);
	cursor:pointer;
}

/* .play:hover {
} */


.checkpoint {
	/* background-color: red; */
}

.overlay {
	width:100%;
	height:100%;
	overflow:scroll;
	position:fixed;
	top:0;
	left:0;
	display: none;
}

.scorebutton {
	/* opacity:0; */
	position: fixed;
	margin-left: -205px;
	margin-top: -55px;
	top: 50%;
	left:50%;
	text-align: center;
	padding-left: calc(50vw - 50%);
	padding-top: calc(50vw - 50%);
}

.theend {
	text-align: center;
}

.emoji {
	font-size: 24px;
}

/* .test {
	background-color: red;
	position: fixed;
	width:100px;
	height:100px;
	margin-left: -50px;
	margin-top: -50px;
	top: 50%;
	left:50%;
	text-align: center;
	padding-left: calc(50vw - 50%);
	padding-top: calc(50vw - 50%);
} */