<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Voxpopuli</title>
<style>
body {
  background-color: gray;
  margin: 0px;
  overflow: hidden;
}

#container {
  user-select: none;
}

#crosshair {
  /* centered on screen */
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
}

#stats {
  bottom: 0px;
  right: 0px;
}

.logo {
  position: absolute;
  top: 5px;
  left: 5px;
}

.errorMessage {
  text-align: center;
  width: 200px;
  margin: 20px auto;
}
</style>
</head>
<body>
<img id="logo" class="logo" src="logo-white.png">
<div id="container"></div>
<div id="crosshair"><img src="crosshair4.png"></div>
<script src="bundle.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Voxpopuli</title>
<style>
body {
  background-color: gray;
  margin: 0px;
  overflow: hidden;
}

#container {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#crosshair {
  /* centered on screen */
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
}

#stats {
  bottom: 0px;
  right: 0px;
}

.logo {
  position: absolute;
  top: 5px;
  left: 5px;
}

.errorMessage {
  text-align: center;
  width: 200px;
  margin: 20px auto;
}
</style>
</head>
<body>
<img id="logo" class="logo" src="logo-white.png">
<div id="container"></div>
<div id="crosshair"><img src="crosshair4.png"></div>
<script src="bundle.js"></script>
</body>
</html>

Add vendor prefixes to user-select CSS
Add vendor prefixes to user-select CSS

Fixes 'user-select declaration dropped' warning on Firefox
According to http://stackoverflow.com/questions/8152526/css-3-0-user-select-property-replacement#8152641
"Note that user-select doesn't work in any browsers (that I'm aware of),
and only Gecko and WebKit support the vendor-prefixed equivalents:"
