body {
  background-color: #00B1E7;
  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 {
  text-align: center;
  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;
  -ms-interpolation-mode: nearest-neighbor;
}

@media (min-width: 1920px) {
       #screen canvas {
            width:100%;
            height: 1080px;
       }
}

nav {
    font-family: "Segoe UI", Arial, sans-serif;
    position: fixed;
    top: 5px;
    left: 5px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    background-color: lightgrey;
}

nav a {
    margin: 2px;
    text-decoration: none;
    color: #00a;
}

nav a:hover, nav a:focus {
    text-decoration: none;
    color: #fff;
}

nav:hover, nav:focus {
    background-color: darkgrey;
}

@font-face {
  font-family: 'gamefont';
  src: url('data/css/gamefont.eot');
  src: url('data/css/gamefont.eot?#iefix') format('embedded-opentype'),
     url('data/css/gamefont.woff') format('woff'),
     url('data/css/gamefont.ttf') format('truetype'),
     url('data/css/gamefont.svg#gamefont') format('svg');
  font-weight: normal;
  font-style: normal;
}

.google {
  position: absolute;
  left:23%;
}