html,
body {
  margin: 0;
  padding: 0;
  image-rendering: optimizeSpeed;              /* Older versions of FF */
  image-rendering: -moz-crisp-edges;           /* FF 6.0+ */
  image-rendering: -webkit-optimize-contrast;  /* Webkit (non standard naming) */
  image-rendering: -o-crisp-edges;             /* OS X & Windows Opera (12.02+) */
  image-rendering: crisp-edges;                /* Possible future browsers. */
  -ms-interpolation-mode: nearest-neighbor;    /* IE (non standard naming) */
  image-rendering: pixelated;                  /*  Chrome 41 */
  background-color: black;
  position: relative;
    top: 0;
    left: 0;
    right: 0;
    width:100%;
    height: 100%!important;
    overflow: hidden!important;
}
canvas {
     /* Chrome 41 */
    display:block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#content {
  display: block;
   width: 100%; 
   text-align: center
}
#slime-input {
  position: fixed;
  z-index: 999;
  width:200px;
  height:50px;
  text-align: center;
  display: none;
  border: none;
  background-color:transparent;
}
#slime-input:focus {
    outline-width: 0;
}
#code {
  font-size: 1px;
  text-align: center;
  border: none;
  position: absolute;
  left: -9999px;
  color: #fff;
  display: none;
}