/**
 * note - I include this file with all of my web
 * projects, bhv stands for "behavior". Over time
 * I've added to it. It is for quickly adding some
 * desired behaviors to elements such as sharpening
 * images/text or preventing accidental selection
 * of images.
 */

/**
 * 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{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/**
 * make font pixel-perfect, although
 * sometimes it looks weird
 */
.sharpfont{
  -webkit-font-smoothing: none;
  font-smooth: never;
}

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