diff --git a/src/components/nav.js b/src/components/nav.js
index d8bb287..6df3960 100644
--- a/src/components/nav.js
+++ b/src/components/nav.js
@@ -42,7 +42,7 @@ export default function Nav() {
     const logoRef = useRef();
     useEffect(() => {
         const throttled = throttle(() => logoRef.current.rotate(window.scrollY), 200, { trailing: true });
-        window.addEventListener("scroll", throttled);
+        window.addEventListener("scroll", throttled, { passive: true });
 
         return () => window.removeEventListener("scroll", throttled);
     }, []);
diff --git a/src/components/scroll.js b/src/components/scroll.js
new file mode 100644
index 0000000..08b0343
--- /dev/null
+++ b/src/components/scroll.js
@@ -0,0 +1,68 @@
+import React, { useEffect } from "react";
+import { throttle } from "lodash";
+
+let currScreen = 0;
+const minScreen = 0;
+const maxScreen = 4; // todo: unhardcode?
+
+const scrollScreen = throttle(isScrolledDown => {
+    const scrollMod = isScrolledDown ? 1 : -1;
+
+    console.log(currScreen + scrollMod);
+    if (currScreen + scrollMod < minScreen || currScreen + scrollMod > maxScreen) return;
+
+    console.log((currScreen + scrollMod) * window.innerHeight);
+    window.scrollTo(0, (currScreen + scrollMod) * window.innerHeight);
+    currScreen += scrollMod;
+}, 1500, { leading: true, trailing: false });
+
+const scrollScreenWheel = e => {
+    e.preventDefault();
+    if (e.deltaY === 0) return;
+    scrollScreen(e.deltaY > 0);
+};
+
+let scrollY;
+
+const screenSwipeStart = throttle(e => {
+    scrollY = e.touches[0].clientY;
+}, 200);
+
+const screenSwipeMove = throttle(e => {
+    if (!scrollY) return;
+
+    const currY = e.touches[0].clientY;
+    if (currY - scrollY === 0) return;
+    scrollScreen(currY > scrollY);
+    scrollY = null;
+
+    e.preventDefault();
+}, 200);
+
+
+export default function Scroll() {
+    useEffect(() => {
+        window.addEventListener("wheel", scrollScreenWheel, { passive: false });
+        window.addEventListener("touchstart", screenSwipeStart);
+        window.addEventListener("touchmove", screenSwipeMove);
+
+        return () => {
+            window.removeEventListener("wheel", scrollScreenWheel);
+            window.removeEventListener("touchstart", screenSwipeStart);
+            window.removeEventListener("touchmove", screenSwipeMove);
+        };
+    }, []);
+
+    return (
+        <div className="fixed top-0 left-0 h-screen w-screen">
+            {/*<div
+                className="absolute top-0 left-0 h-1/4 w-screen bg-red-400"
+                onClick={() => scrollScreen(false)}
+            ></div>
+            <div
+                className="absolute bottom-0 left-0 h-1/4 w-screen bg-red-400"
+                onClick={() => scrollScreen(true)}
+            ></div>*/}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index 029f871..dde0c47 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,8 +1,9 @@
 import React from "react";
 import Head from "next/head";
 
-import Nav from "../components/nav";
-import Cursor from "../components/cursor";
+import Nav from "components/nav";
+import Cursor from "components/cursor";
+import Scroll from "components/scroll";
 
 import Descriptions from "sections/descriptions";
 import Splash from "sections/splash";
@@ -17,12 +18,16 @@ export default function Home() {
             </Head>
 
             <Cursor></Cursor>
+            <Scroll />
             
             <Nav></Nav>
 
             <main className="flex flex-col justify-center items-center min-h-screen">
                 <Splash />
                 <Descriptions />
+                <Descriptions />
+                <Descriptions />
+                <Descriptions />
             </main>
         </>
     );
diff --git a/src/sections/splash.js b/src/sections/splash.js
index 36dec62..c413a50 100644
--- a/src/sections/splash.js
+++ b/src/sections/splash.js
@@ -13,7 +13,7 @@ const Title = styled.div`
     }
 `;
 
-const Header = styled.main`
+const Header = styled.header`
     ${tw`h-screen flex flex-col justify-center`}
     width: 80vw;
 `;