styles.css

body {
  background: #ffffff;
  color:#cccccc;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
canvas {
  image-rendering: optimizeSpeed;
  -webkit-interpolation-mode: nearest-neighbor;
  -ms-touch-action: none;
  display: inline-block;
  border: 2px solid #000;
}
:-webkit-full-screen #canvas {
  width: 100%;
  height: 100%;
}
div.content
{
  text-align: center;
}
div.gm4html5_div_class
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 100%;
  height: 100%;
}
input
{
  font-family: 'Raleway', sans-serif;
  width: 100%;
  height: 3em;
}
input[type=text]
{
  font-size: 1.5em;
}
input[type=text]:focus
{
  outline-color: #aaa;
}
input[type=button]
{
  background-color: #eeeeee;
  font-size: 1.2em;
  width:8em;
  height:4em;
  border: 0px;
}
input[type=button]:hover
{
  background-color: #ffffff;
  cursor:pointer;
}
/* START - Login Dialog Box */
div.gm4html5_login
{
  font-family: 'Raleway', sans-serif;
  padding: 20px;
  position: absolute;
  border: solid 2px #000000;
  background-color: #dddddd;
  text-align: left;
  color:#000000;
  border-radius: 0px;
  width: 75%;
  box-shadow: #888888 20px 20px 40px;
}
div.gm4html5_login table
{
  width: 100%;
}
div.gm4html5_login td
{
  padding: 20px;
}
div.gm4html5_cancel_button
{
  float: right;
}
div.gm4html5_login_button
{
  float: left;
}
div.gm4html5_login_header
{
  text-align: center;
}
/* END - Login Dialog Box */
:-webkit-full-screen {
  width: 100%;
  height: 100%;
}