Added loading throbber

main.css

@@ -71,3 +71,35 @@ h2 {
 h4 {
     margin: 0px;
 }
+
+/* Container that covers the whole screen */
+#loader-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  /*background-color: #1111115d; */ /* Dark background */
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 999; /* Ensure it stays on top of the Three.js canvas */
+  color: black;
+  font-family: 'Blender Pro Bold';
+}
+
+/* The actual spinning throbber */
+.spinner {
+  width: 50px;
+  height: 50px;
+  border: 5px solid rgba(0, 0, 0, 0.3);
+  border-radius: 50%;
+  border-top-color: #303030;
+  animation: spin 1s ease-in-out infinite;
+  margin-bottom: 20px;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}