diff --git a/pages/static/pages/css/styles.css b/pages/static/pages/css/styles.css
index 64f3439..00bdc26 100644
--- a/pages/static/pages/css/styles.css
+++ b/pages/static/pages/css/styles.css
@@ -1,3 +1,30 @@
+html {
+    overflow-x: hidden;
+}
+
+nav {
+    transform: translateY(-70px);
+    z-index: 10;
+    animation: nav-slide 0.75s ease-in-out forwards;
+    animation-delay: 1s;
+}
+
+@keyframes nav-slide {
+    0% {
+         transform: translateY(-70px);
+    }
+
+    100% {
+         transform: translateY(0px);
+    }
+}
+
+
 .jumbotron {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100vh;
+    width: 100vw;
     background-image: url('img/hero.png')
 }
\ No newline at end of file
diff --git a/pages/templates/pages/index.html b/pages/templates/pages/index.html
index 261ae61..a3a5eec 100644
--- a/pages/templates/pages/index.html
+++ b/pages/templates/pages/index.html
@@ -5,8 +5,8 @@
 {% endblock css %}
 {% block content %}
 <div class="jumbotron jumbotron-fluid">
-  <div class="container">
-    <h1 class="display-4">Class of 2023 Class Council</h1>
+  <div class="container mt-5">
+    <h1 class="display-4">2023 Class Council</h1>
     <p class="lead">We work for you.</p>
   </div>
 {% endblock content %}