html {
  touch-action: manipulation;
  -ms-content-zooming:manipulation;
}




body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url(../../juego/wall_similata4AA.jpg);
	background-repeat: no-repeat;
	background-position: center 35%;
	overflow-x: hidden;
	overflow-y: hidden;
	cursor: wait;
}

#screen {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	cursor: crosshair;
	user-select: none;
	overflow: hidden;
	visibility: hidden;
}

#scene {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	transform: translateZ(1000px);
	-webkit-transform: translateZ(1000px);
	visibility: hidden;
}

#loading {
	position: absolute;
	font-family: verdana, monospace;
	font-size: 0.9em;
	color: #3C9;
	width: 200px;
	height: 100px;
	margin: -50px -100px;
	text-align: center;
	font-weight: bold;
}

#scene img {
	position: absolute;
	margin: -300px -500px;
	backface-visibility: hidden;
	visibility: hidden;
}

#scene .f {
  margin: -500px -500px;
}

#scene .s {
  width: 500px;
  height: 500px;
  margin: -300px -300px;
}
.buton {
	float: right;
	position: absolute;
	right: 180px;
	top: -50px;

}

.buton11 {
	float: right;
	position: absolute;
	right: 450px;
	top: -50px;

}

.buton2 {
	float: right;
	position: absolute;
	margin-left: 350px;
	right: 50px;
	top: -50px;
}
.buton4 {
	float: right;
	position: absolute;
	margin-left: 350px;
	right: 325px;
	top: -50px;
	cursor: pointer;
}

.buton3 {
	float: right;
	position: fixed;
	margin-left: 350px;
	right: 50px;
	top: 300px;
}
.Sombra {
	position: absolute;
	left: -300px;
	top: -300px;
	right: 0;
	bottom: 0;
	cursor: crosshair;
	user-select: none;
	overflow: hidden;
	visibility: hidden;
	height: 1500px;
	width: 2000px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}


.texto_ojo {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	margin: 50px;
	padding: 50px;
	height: 400px;
	width: 600px;
}

#mensaje {
	color: #0FC;
	font-family: verdana;
	font-size: 20px;
	margin: 40px 0px 0px20px;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	animation: type 4s steps(60, end);
	font-weight: bold;
}

#mensaje:nth-child(2) {
  animation: type2 8s steps(60, end);
}

#mensaje a {
  color: lime;
  text-decoration: none;
}

span {
  animation: blink 1s infinite;
}

@keyframes type {
  from {
    width: 0;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
  50% {
    width: 0;
  }
  100% {
    width: 100;
  }
}

@keyframes blink {
  to {
    opacity: 0;
  }
}

::selection {
  background: black;
}