html, body {
  overflow: hidden;
  font: 16px/1.4 'Lato', sans-serif;
  color: #fff;
}

body {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

canvas {
  width: 100%;
  height: 100%;
}

.display {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);

  -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

.logo{
  margin-bottom: -200px;
}

.text-center{
  text-align:center;
}

#chrome-message{
  opacity:0;
  bottom:3px;
  left:3px;
  position:absolute;
  transition:opacity 1s;
}