hide screen on loading

app.js

@@ -291,7 +291,7 @@ let loadingManager = new THREE.LoadingManager(
 )
 loadingManager.onStart = function (url, itemsLoaded, itemsTotal) {
     loadingPercent.innerText = "0%"
-    loadingDiv.style.display = "block"
+    loadingDiv.style.display = "inherit"
 }
 
 const stats     = new Stats()

css/loading.css

@@ -1,15 +1,19 @@
 body { background-color: black; }
 
 #loadingDiv {
+  position: absolute;
+  display: flex;
+  flex-flow: column;
   box-sizing: border-box;
   font-family: "Open Sans", sans-serif;
   font-size: 1.4rem;
   color: lightsteelblue;
   text-align: center;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  width: 100%;
+  height: 100%;
+  background: black;
+  z-index: 1;
+  padding: 30vmin;
 }
 
 .scene {