@font-face {
    font-family: HUNINN;
    src: url(_assets/font/jf-openhuninn-1.1.ttf);
}

* { margin:0; padding:0; }

html, body {
  width:  100%;
  height: 100%;
  margin: 0;
  background: black;
  font-family: HUNINN, Arial, Helvetica, san-serif;
  touch-action: pan-y, pan-x;
}

canvas{
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

.dialog-button {
  width:100px;
  border:0;
  background-color:#003C9D;
  color:#fff;
  border-radius:10px;
  border:2px #003C9D solid;
  cursor:pointer;
}

.dialog-button:hover{
  color:#003C9D;
  background-color:#fff;
  border:2px #003C9D solid;
}