body
{
  background-color: black;
}

#divernova
{
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}

#contenedor
{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 70%;
  height: 60%;
}

#canvas
{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  height: 90%;
}

#teclado
{
  text-align: center;
  font-family: Verdana;
  font-size: 5;
  font-weight: bold;
  color: gray;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  bottom: 0;
}

#publi
{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  bottom: 0;
}