html, body {
  height: 100%;
}

body {

  /* leave it to hide the scrollbars */
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: flex;

  /* This centers our sketch horizontally. */
  justify-content: center;

  /* This centers our sketch vertically. */
  align-items: center;
}

#carga {
  position: absolute; z-index: 2; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent;
}

#principal {
  position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; margin: auto; opacity: 0;
}

#scaling {
  position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; 
}

#p5_loading {
  display:none;
}