diff --git a/source/static/style.css b/source/static/style.css
index 8c3c5a7..330ee1d 100644
--- a/source/static/style.css
+++ b/source/static/style.css
@@ -28,6 +28,8 @@ h2{
     background-color: #FA8080;
     border-radius: 5vw;
 
+    overflow-y: hidden;
+
 }
 
 #content > * {
@@ -36,11 +38,17 @@ h2{
 
 }
 
+#scroller{
+
+    height: 80vh;
+    overflow-y: scroll;
+
+}
+
 #content {
 
     margin: 0px;
     padding: 5vw;
-    overflow-y: scroll;
 
 }
 
diff --git a/source/templates/index.html b/source/templates/index.html
index dbb3da3..9cb16fd 100644
--- a/source/templates/index.html
+++ b/source/templates/index.html
@@ -12,40 +12,42 @@
 
 <body>
     <div id="foreground">
-        <div id="content">
-            <img id="pfp" src="/static/pfp.png">
-            <h1 id="title">@craisin</h1><br>
-            <p>Hello👋! I am Cayden Yap, a young Python programmer (with an interest in competitive programming and ML), math enthusiast, and saber fencer.</p>
-            <h2>Profiles</h2>
-            <ul>
-                <li><a href="https://codeforces.com/profile/craisin">My Codeforces</a></li>
-                <li><a href="https://github.com/craisined"> My Github</a> (rarely used, see <a href="https://gitea.craisin.tech">this</a> instead)</li>
-            </ul>
-            <h2>Resources</h2>
-            <ul>
-                <li><a href="https://notes.craisin.tech">My notes (mostly math, some CS)</a></li>
-                <li><a href="https://gitea.craisin.tech">My projects</a></li>
-            </ul>
-            <h2>Things I've Done</h2>
-            <ul>
-                <li>Programming</li>
+        <div id="scroller">
+            <div id="content">
+                <img id="pfp" src="/static/pfp.png">
+                <h1 id="title">@craisin</h1><br>
+                <p>Hello👋! I am Cayden Yap, a young Python programmer (with an interest in competitive programming and ML), math enthusiast, and saber fencer.</p>
+                <h2>Profiles</h2>
                 <ul>
-                    <li>USACO Silver</li>
-                    <li>Max Expert Codeforces</li>
-                    <li>PHHS CS Club Officer</li>
+                    <li><a href="https://codeforces.com/profile/craisin">My Codeforces</a></li>
+                    <li><a href="https://github.com/craisined"> My Github</a> (rarely used, see <a href="https://gitea.craisin.tech">this</a> instead)</li>
                 </ul>
-                <li>Math</li>
+                <h2>Resources</h2>
                 <ul>
-                    <li>92 on AMC 10</li>
-                    <li>President of PHHS Math Team</li>
-                    <li>Leading SMS Math Team</li>
+                    <li><a href="https://notes.craisin.tech">My notes (mostly math, some CS)</a></li>
+                    <li><a href="https://gitea.craisin.tech">My projects</a></li>
                 </ul>
-                <li>Fencing</li>
+                <h2>Things I've Done</h2>
                 <ul>
-                    <li>Top 8 Div II MS @ 2024 Summer Nationals</li>
-                    <li>Top 32 Cadet MS @ 2025 October NAC</li>
+                    <li>Programming</li>
+                    <ul>
+                        <li>USACO Silver</li>
+                        <li>Max Expert Codeforces</li>
+                        <li>PHHS CS Club Officer</li>
+                    </ul>
+                    <li>Math</li>
+                    <ul>
+                        <li>92 on AMC 10</li>
+                        <li>President of PHHS Math Team</li>
+                        <li>Leading SMS Math Team</li>
+                    </ul>
+                    <li>Fencing</li>
+                    <ul>
+                        <li>Top 8 Div II MS @ 2024 Summer Nationals</li>
+                        <li>Top 32 Cadet MS @ 2025 October NAC</li>
+                    </ul>
                 </ul>
-            </ul>
+            </div>
         </div>
     </div>
 </body>
