/**
 * use this to make a low-resolution canvas,
 * image, or element with an image in it have
 * the image appear sharper when scaled up.
 * this is good for pixel art.
 */
 .pixelated{
  image-rendering: pixelated;
}

/**
 * prevent accidental selection of any text
 * nodes within the element
 */
.noselect{
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}

/**
 * prevent bouncy "rubber band" style scroll
 * behavior on iOS
 */
.nobouncyscroll{
  overscroll-behavior: none;
}

/**
 * always display something on top
 */
.overlay{
  position: fixed;
  display: block;
  display: flex;
  left: 0;
  top: 0;
  z-index: 999999;
}