From 7a054ecdae8e34fd7f4937cc9cbb448953474de7 Mon Sep 17 00:00:00 2001
From: John Allwine <jallwine86@gmail.com>
Date: Sat, 21 Oct 2023 14:40:44 -0600
Subject: [PATCH] disable scrolling

---
 public/index.html | 3 ++-
 src/App.js        | 1 -
 src/index.css     | 7 +++++++
 3 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index aa069f2..98168e4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,8 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
+    <meta name="viewport" content="width=device-width" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
diff --git a/src/App.js b/src/App.js
index 93b976f..df28e5a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,3 @@
-import { useRef, useEffect, useCallback } from 'react';
 import { Canvas } from '@react-three/fiber'
 import Scene from './Scene';
 
diff --git a/src/index.css b/src/index.css
index a6b52ed..2d7535d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -17,3 +17,10 @@ code {
   width: 100vw;
   height: 100vh;
 }
+
+html, body {
+  overflow: hidden;
+}
+body {
+  position: relative;
+}
