img, div {
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#preload {
  background: url("../images/btn-answer.png"), url("../images/btnAnswer-active.png"),
  url("../images/btn-diagram.png"), url("../images/btnDiagram-active.png"),
  url("../images/btn-eraser.png"), url("../images/btnEraser-active.png"),
  url("../images/btn-pencil.png"), url("../images/btnPencil-active.png"),
  url("../images/btn-reset.png"), url("../images/btn-reset-active.png"),
  url("../images/btnAnswer.png"), url("../images/btnAnswer-active.png"),
  url("../images/btnPencil.png"), url("../images/btnPencil-active.png"), url("../images/number/number-1.png"), url("../images/number/number-2.png"),
  url("../images/number/number-3.png"), url("../images/number/number-4.png"), url("../images/number/number-5.png"), url("../images/number/number-6.png"),
  url("../images/number/number-7.png"), url("../images/number/number-8.png"), url("../images/number/number-9.png"),
  url("../images/results/num-1.png"), url("../images/results/num-2.png"), url("../images/results/num-3.png"),   url("../images/results/num-4.png"),
  url("../images/results/num-5.png"), url("../images/results/num-6.png"), url("../images/results/num-7.png"), url("../images/results/num-8.png"),
  url("../images/results/num-9.png"), url("../images/results/num-10.png"), url("../images/results/num-12.png"), url("../images/results/num-14.png"), url("../images/results/num-15.png"),
  url("../images/results/num-16.png"), url("../images/results/num-18.png"), url("../images/results/num-20.png"), url("../images/results/num-21.png"), url("../images/results/num-24.png"),
  url("../images/results/num-25.png"), url("../images/results/num-27.png"), url("../images/results/num-28.png"), url("../images/results/num-30.png"), url("../images/results/num-32.png"),
  url("../images/results/num-35.png"), url("../images/results/num-36.png"), url("../images/results/num-40.png"), url("../images/results/num-42.png"), url("../images/results/num-45.png"),
  url("../images/results/num-48.png"), url("../images/results/num-49.png"), url("../images/results/num-54.png"), url("../images/results/num-56.png"),
  url("../images/results/num-63.png"), url("../images/results/num-64.png"), url("../images/results/num-72.png"), url("../images/results/num-81.png"),
  url("../images/character/character-1.png"), url("../images/character/character-2.png"), url("../images/character/character-3.png");
}

* {
  font-family: sans-serif;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
}

body {
  position: relative;
  margin: auto;
  width: 100%;
  min-width: 1024px;
  height: 100vh;
  min-height: 576px;
  background-color: #FFFFFF;
  touch-action: none;
}

.gm-canvas-container {
  position: absolute;
  margin: auto;
  background-color: #FFFFFF;
}

canvas {
  position: absolute;
  width: inherit;
  height: inherit;
}

.zoom {
  overflow: auto;
}

/* ==========================================================================
   General style of button
   ========================================================================== */
.gm-left-wrapper {
  position: absolute;
  left: 2%;
}

.gm-right-wrapper {
  position: absolute;
  right: 2%;
}

ul.gm-btn-wrapper {
  padding: 0;
  margin: 0;
  width: 10%;
  min-width: 130px;
  max-width: 200px;
  bottom: 5%;
  z-index: 2;
}

ul.gm-btn-wrapper li {
  display: block;
  margin: 3%;
  text-align: center;
  width: 100%;
}

ul.gm-btn-wrapper li button:focus {
  outline: 0;
}

ul.gm-btn-wrapper .gm-button {
  border: none;
  top: 0;
  left: 0;
  margin: 0 auto;
}

ul.gm-btn-wrapper hr {
  width: 100%;
  border: 1px dashed #008FC5;
  margin: 16px auto;
}

/* ==========================================================================
   Normal button
   ========================================================================== */
li.gm-btn-normal .gm-button {
  padding: 0;
  margin: 0;
  border: none;
  max-width: 100%;
}

/*Hide scroll*/
@media screen and (min-height: 576px) {
  body {
    overflow-y: hidden;
  }
}

@media screen and (min-width: 1024px) {
  body {
    overflow-x: hidden;
  }
}