body {
    overflow: hidden; /* Hide scrollbars */
    background-color: black;
}

#loading{
  z-index: 997;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}

#loading_overlay{
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  mix-blend-mode: multiply;
  border: none;
}

#background, #loading_background{
  z-index: 992;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}

#p5loader{
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -200px;
  position:absolute;
  z-index: 9999;
}

#loading_text{
  z-index: 9999;
  font-family: "Courier New", monospace;
  /*font-style: italic;*/
  color: white;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 120px);
  text-align: center;
}

/*FOR A FIXED WIDTH*/
.keepcentered {
  position:    absolute;
  left:        50%;        /* Start with top left in the center */
  top:         50%;
  width:       200px;      /* The fixed width... */
  height:      100px;      /* ...and height */
  margin-left: -100px;     /* Shift over half the width */
  margin-top:  -50px;      /* Shift up half the height */
  border: 1px solid black; /* Just for demo */
}