body {
    background-color: #000;
    color: #fff;

    /* Allow mouse dragging. */
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    /* disable touch panning/zooming */
    -ms-touch-action: none;
    touch-action: none;

    /* Allow canvas to hit the edges of the browser viewport. */
    margin: 0;
}

#screen canvas {
    margin: auto;

    /* Hide the gap for font descenders. */
    display: block;

    /* disable scaling interpolation */
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

#screen form {
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
}

#screen form ul {
    list-style-type:none;
    list-style-position:outside;
    margin: 0;
    padding: 0;
}

#screen form li {
    position:relative;
    margin: 0;
    padding: 0;
}

#screen form input {
  margin: 0;
  padding: 4px;
  background-color: #c3b58d;
  border: none;
}

#screen form input:focus {
  outline: none;
  border-color: #ffbc34;
  box-shadow: 0 0 16px #ffbc34;
}

#screen form button {
  margin: 0;
  padding: 0;
  cursor:pointer;
  border: none;
}

#screen form button:active {
  transform: translate(2px, 4px);
}

#screen #username {
    width: 176px;
    height: 16px;
}

#screen #password {
    width: 176px;
    height: 16px;
    margin-top: 25px;
}

#screen #loginButton {
    width: 124px;
    margin-top: 24px;
    margin-left: -5px;
    height: 34px;
    background-image: url(data/img/gui/login_button.png);
}

#screen #loginButtonWrapper {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}