body {
	background:#363636;
	margin:0;
	padding:0;
}

#xd {
	color:white;
	font-size:30px;
}

#cel {
	position:absolute;
	bottom:0;
	left:0;
	height:10px;
	width:10px;
	background:red;
}

canvas {
	position:absolute;
	top:0;
	left:0;
}

#ruch {
	position:absolute;
	top:0;
	bottom:0;
	left:10px;
	margin:auto;
	color:white;
	font-size:20vh;
	cursor:pointer;
	background:none;
	border:1px solid white;
	text-align:center;
	line-height:70vh;
	height:70vh;
	width:50vw;
	display:none;
}

#sprint {
	position:absolute;
	top:10px;
	right:10px;
	margin:auto;
	color:#363636;
	font-size:20vh;
	cursor:pointer;
	background:#F6AE2D;
	border:1px solid white;
	text-align:center;
	line-height:33vh;
	height:33vh;
	width:50vw;
	display:none;
}

#atak {
	position:absolute;
	bottom:10px;
	right:10px;
	margin:auto;
	color:#363636;
	font-size:20vh;
	cursor:pointer;
	background:#E4572E;
	border:1px solid white;
	text-align:center;
	line-height:33vh;
	height:33vh;
	width:50vw;
	display:none;
}

#t {
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	color:white;
	font-size:50px;
	height:50px;
	width:250px;
	background:none;
	text-align:center;
}

#i1 {
	position:absolute;
	top:0;
	left:50px;
	bottom:0;
	margin:auto;
	height:200px;
}

#i2 {
	position:absolute;
	top:0;
	right:50px;
	bottom:0;
	margin:auto;
	height:200px;
}

#zaslona {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100vw;
	background:black;
	line-height:90vh;
	font-size:8vh;
	text-align:center;
	color:white;
	display:none;
}