* {
  padding: 0;
  margin: 0;
  cursor: none;
}
html, body
{
  width: 100%;
  height: 100%;
}

.joystick-area{
  position: absolute !important;
  width: 100%;
  height: 100%;
}
.name-entry-box *{
  cursor: hand !important;
}
.name-entry-box{
  position : absolute;
  width: 350px;
  height: 100px;
  left : 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -175px;
  background: #525252;
  border: 1px yellow solid;
  border-radius: 4px;
}

.title
{
  margin-left: 70px;
}
.name-field
{
  margin-top:5px;
  margin-bottom:10px;
  margin-left: 105px;
}
.name-field input
{
  width: 100px;
}
.join-button
{
  margin-left: 1px;
  height:32px;
  border-radius: 4px;
  width:100%;
}