html,body{
  overflow:hidden;
}

@font-face {
    font-family: 'LeagueGothic';
    src: url(/fonts/LeagueGothic-Regular.ttf);
}

#demo{

  font-family: LeagueGothic, 'Meiryo';
}

#target{
  margin:0 auto;
  max-width:780px;
  text-align:left;

}

#demo h1{
}

#area{
  width:99vmin;
  height:100%;
  user-select:none;
  margin:auto;
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

td{
  border:1px solid #999;
  text-align:center;
}

.abs{
  position:absolute;
  bottom:0;
  left:0;
}

td{
  text-align:center;
}
b{
  display:block;
  width:100%;
  height:100%;
  font-weight:bold;
  font-size:20vw;
  cursor:pointer;
  text-align:center;
  vertical-align: middle;
}
b:hover{
  color:#aaa;
}

b.ok{
  color:#afa;
}
b.ng{
  color:#a00;
}
b.result.i{
  color:#0a0;
}