diff --git a/src/app.py b/src/app.py
index 8dd5587..6d715a2 100644
--- a/src/app.py
+++ b/src/app.py
@@ -13,7 +13,7 @@ pages = json.load(open("./static/json/pages.json", "r"))
 pages['about']['skillList'] = skillList
 pages['about']['timeline'] = timeline
 pages['projects']['projects'] = proj
-pages['home']['books'] = books
+pages['about']['books'] = books
 pages['books']['books'] = books
 
 app = flask.Flask(__name__)
diff --git a/src/static/css/App.css b/src/static/css/App.css
index 02f00e0..589a126 100644
--- a/src/static/css/App.css
+++ b/src/static/css/App.css
@@ -79,17 +79,15 @@ body {
   filter: brightness(50%);
 }
 
-h1, h2 {
+h1 {
   color: #ecebeb;
 }
 
 h2 {
-  font-size: 2rem;
-  margin-top: 1rem;
-  margin-bottom: 2rem;
+  font-size:  medium;
 }
 
-h3, h4, h5 {
+h2, h3, h4, h5 {
   color: #a8a8a8;
 }
 
@@ -134,7 +132,7 @@ a {
   background-color: #1a1a1a;
   width: 100vw;
   z-index: 99;
-  position: fixed;
+  position: sticky;
   top: 0;
   left: 0;
   transition: .4s;
@@ -150,6 +148,7 @@ a {
 
 #homeName {
   margin-top: .25em;
+  margin-bottom: 0;
 }
 
 #name-container {
@@ -257,7 +256,6 @@ a {
 }
 
 .foregroundContent {
-  padding-top: 4rem;
   padding-left: 8rem;
   max-width: calc(100%-8rem);
   padding-bottom: 1rem;
@@ -273,7 +271,7 @@ a {
 }
 
 .homegroundContent {
-  padding-top: 5em;
+  padding-top: 1em;
   padding-left: 0em;
 }
 
@@ -313,12 +311,8 @@ a {
 
 #nametag {
   padding: 2em 3em;
-  display: inline-block;
   background-color: rgb(44, 44, 44, .75);
-  border-radius: 1em;
-  border: solid black 4px;
   text-align: center;
-  max-width: 30em;
 }
 
 #nametag *:not(h1) {
diff --git a/src/templates/about.html b/src/templates/about.html
index 42508dc..d58bd72 100644
--- a/src/templates/about.html
+++ b/src/templates/about.html
@@ -2,7 +2,7 @@
 <div class="foreground"></div>
 <div class="foregroundContent">
   <div class="relative">
-      <div id="aboutMe" class="col" data-aos="fade-up">
+      <div id="aboutMe" data-aos="fade-up">
         <h2 class="concentratedHead">About Me</h2>
         <p>
           I'm Andrew Simonson, a senior undergrad at
@@ -15,8 +15,23 @@
           Ominous positivity is kinda my thing.
         </p>
         <br />
-      </div>
-      <div class="col rightCol" data-aos="fade-up">
+          <div class="chess">
+            {% from 'partials/chess.html' import chess %} {{
+            chess('asimonson1125') }}
+          </div>
+          <br />
+          {% from 'partials/bookshelf.html' import bookshelf %} {{
+          bookshelf(var.books) }}
+          <br />
+          <div class="pointer" onClick="goto('duck')">
+            <img
+                alt="duck spinning"
+                src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
+                class="smallImg"
+              />
+            </div>
+          </div>
+      <div data-aos="fade-up">
         <div id="skills">
           <h2 id="skillstag">Skills</h2>
           {% from 'partials/skills.html' import skills %} {{ skills(var['skillList']) }}
diff --git a/src/templates/duck.html b/src/templates/duck.html
index d94aaf2..12b7210 100644
--- a/src/templates/duck.html
+++ b/src/templates/duck.html
@@ -7,6 +7,5 @@
     src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
     style="max-width: calc(100% - 2em);"
   />
-  <h3>Stop disturbing the duck, can't you see he's busy spinning?</h3>
 </div>
 {% endblock %}
diff --git a/src/templates/header.html b/src/templates/header.html
index 05f85eb..4265e23 100644
--- a/src/templates/header.html
+++ b/src/templates/header.html
@@ -2,7 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="{{ url_for('static', filename='icons/withBackground.svg') }}" />
+    <link
+      rel="icon"
+      href="{{ url_for('static', filename='icons/withBackground.svg') }}"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="{{ var['description'] }}" />
@@ -62,46 +65,42 @@
   <body onpopstate="backButton()">
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <iframe src="/hotspots?legend=false" title="HotspotsRIT" id="map"></iframe>
-    <div class="App">
-      <div class="header">
-        <div id="name-container" onclick="goto('home', {toggle:false})">
-          <div class="glitch">
-            <div class="line name">
-              <span class="textGrad">Andrew Simonson</span>
-            </div>
+    <div class="header">
+      <div id="name-container" onclick="goto('home', {toggle:false})">
+        <div class="glitch">
+          <div class="line name">
+            <span class="textGrad">Andrew Simonson</span>
           </div>
         </div>
+      </div>
 
-        <img
-          src="{{ url_for('static', filename='icons/menu.svg')}}"
-          alt="menu"
-          id="menu"
-          onClick="toggleMenu()"
-        />
-        <div class="navControl">
-          <div class="navBar">
-            <div onClick="goto('home')" class="navElement">
-              <p>Home</p>
-            </div>
-            <a href="Resume.pdf" target="_blank" class="navElement">
-              <span>Resume</span>
-            </a>
-            <div onclick="goto('projects')" class="navElement">
-              <p>Projects</p>
-            </div>
-            <!-- <a href="/activities">Activities</a> -->
-            <div onclick="goto('about')" class="navElement">
-              <p>About Me</p>
-            </div>
+      <img
+        src="{{ url_for('static', filename='icons/menu.svg')}}"
+        alt="menu"
+        id="menu"
+        onClick="toggleMenu()"
+      />
+      <div class="navControl">
+        <div class="navBar">
+          <div onClick="goto('home')" class="navElement">
+            <p>Home</p>
+          </div>
+          <a href="Resume.pdf" target="_blank" class="navElement">
+            <span>Resume</span>
+          </a>
+          <div onclick="goto('projects')" class="navElement">
+            <p>Projects</p>
+          </div>
+          <!-- <a href="/activities">Activities</a> -->
+          <div onclick="goto('about')" class="navElement">
+            <p>About Me</p>
           </div>
         </div>
       </div>
     </div>
-    {% endblock %}
-    {% block content%}
+    {% endblock %} {% block content%}
     <div id="root">{% include var['template'] %}</div>
-    {% endblock %}
-    {% block footer %}
+    {% endblock %} {% block footer %}
     <div class="footer">{% include 'partials/socials.html' %}</div>
     {% endblock %}
   </body>
diff --git a/src/templates/home.html b/src/templates/home.html
index 9f5afe2..d1bfe3b 100644
--- a/src/templates/home.html
+++ b/src/templates/home.html
@@ -1,56 +1,18 @@
 {% block content %} {% macro nameplate() %}
-<img
-  src="{{ url_for('static', filename='icons/neonfinal3.svg') }}"
-  id="homeIcon"
-  alt="logo"
-/>
-<h1 id="homeName" class='textGrad'>Andrew Simonson</h1>
-<h3>Computer Science student at Rochester Institute of Technology</h3>
-<h5>End-to-End Services in Data Science and AI</h5>
+<div>
+  <img
+    src="{{ url_for('static', filename='icons/neonfinal3.svg') }}"
+    id="homeIcon"
+    alt="logo"
+  />
+  <h1 id="homeName" class="textGrad">Andrew Simonson</h1>
+  <h2 class="textGrad">Digital Analysis Beyond Controlled Environments</h2>
+</div>
 {% endmacro %}
 
 <div class="foreground homeground"></div>
-<div class="foregroundContent homegroundContent">
-  <div class="relative">
-    <div id="homepage" class="flex">
-      <div id="HomeContent">
-        <div class="flex">
-          <div id="nametag" class="transparent unsetPos" data-aos="fade-up">
-            {{ nameplate() }}
-          </div>
-          <div id="nametagContainer">
-            <div id="nametag" data-aos="fade-up">{{ nameplate() }}</div>
-          </div>
-        </div>
-      </div>
-      <div class="onRight" data-aos="fade-up">
-        <div class="chess">
-          {% from 'partials/chess.html' import chess %} {{
-          chess('asimonson1125') }}
-        </div>
-        <br />
-        {% from 'partials/bookshelf.html' import bookshelf %} {{
-        bookshelf(var.books) }}
-        <br />
-          <div class="flex pointer" onclick="goto('duck')">
-            <img
-              alt="duck spinning"
-              src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
-              class="smallImg"
-            />
-            <img
-              alt="duck spinning"
-              src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
-              class="smallImg"
-            />
-            <img
-              alt="duck spinning"
-              src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
-              class="smallImg"
-            />
-          </div>
-      </div>
-    </div>
-  </div>
+<div class="relative">
+  <div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
 </div>
+<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>
 {% endblock %}
