rendering dots

1 files changed, 12 insertions, 2 deletions

diff --git a/src/index.jsx b/src/index.jsx
index b41c7da..cc5b7a2 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -8,9 +8,19 @@ document.body.style.backgroundColor = "#111";
 document.body.style.color = "#fff";
 document.body.style.margin = 0;
 document.body.style.padding = 0;
+document.body.style.height = "100%";
+document.body.style.width = "100%";
+document.body.parentNode.style.margin = 0;
+document.body.parentNode.style.padding = 0;
+document.body.parentNode.style.height = "100%";
+document.body.parentNode.style.width = "100%";
 
 requestAudioContext(() => {
-  document.body.innerHTML = '<div id="app"></div>';
-  const root = createRoot(document.getElementById("app"));
+  const container = document.createElement("div");
+  container.style.height = "100%";
+  container.style.width = "100%";
+  document.body.innerHTML = "";
+  document.body.appendChild(container);
+  const root = createRoot(container);
   root.render(<App />);
 });