html, body {
  margin: 0;
  padding: 0;

  width: 100%;
  height: 100%;
  overflow: hidden;
}
canvas {
  display: block;

  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.content {
  position: relative;
  z-index: 1;
  font-size: 15pt;
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: Courier;
  margin-top: 20vh;
}

.resalta {
  background-color: #636363ab;

  /* prevenir seleccion de texto */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */  
}



body {
  touch-action: pan-x pan-y;
  -ms-touch-action: pan-x pan-y;
}
/* Prevent all gestures except single-finger panning */
.interactive-display {
  touch-action: pan-x pan-y pinch-zoom;
}