diff --git a/app.js b/app.js
index 31ad7fe..7bf69ea 100644
--- a/app.js
+++ b/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()
diff --git a/css/loading.css b/css/loading.css
index 693b5a1..21004b6 100644
--- a/css/loading.css
+++ b/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 {