body,
html {
  padding: 0;
  margin: 0;
  background: #191a1d;
  font-family: 'Karla', sans-serif;
  color: #FFF;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body.grab,
html.grab {
  cursor: -webkit-grab;
  cursor: grab;
}
body.grabbing,
html.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.stoneage-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

h1 {
  margin: 0;
  font-weight: 300;
  font-size: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

canvas {
  background: #191a1d;
  width: 600px;
  height: 330px;
  pointer-events: none;
}

button {
  background: none;
  color: #FFF;
  line-height: 22px;
  height: 30px;
  padding: 0 20px;
  margin: 0 5px;
  border-radius: 5px;
  border: 2px solid #BF39A8;
  cursor: pointer;
}
button:nth-of-type(1) {
  border: 2px solid #E64D43;
}
button:nth-of-type(2) {
  border: 2px solid #94264F;
}
button:hover {
  background: #BF39A8;
}
button:hover:nth-of-type(1) {
  background: #E64D43;
}
button:hover:nth-of-type(2) {
  background: #94264F;
}