diff --git a/src/documents/script.js b/src/documents/script.js
index 2f0d686..2f9cd33 100644
--- a/src/documents/script.js
+++ b/src/documents/script.js
@@ -9,6 +9,7 @@ $(document).ready(function(){
         $("body").animate({
           scrollTop: 0
         }, 400);
+        container.removeClass("initial-load");
         container.addClass("is-exiting");
         smoothState.restartCSSAnimations();
       }
diff --git a/src/documents/styles.css.scss b/src/documents/styles.css.scss
index 0517cba..b3ce36a 100644
--- a/src/documents/styles.css.scss
+++ b/src/documents/styles.css.scss
@@ -74,6 +74,9 @@ body{
     @at-root .animations#{&}{
       animation-name: slideInUp;
     }
+    @at-root .animations.initial-load#{&}{
+      animation-name: none;
+    }
     background-color: white;
     color: black;
     flex-grow: 1;
@@ -99,6 +102,9 @@ body{
     @at-root .animations#{&}{
       animation-name: fadeInUp;
     }
+    @at-root .animations.initial-load#{&}{
+      animation-name: none;
+    }
     >#headerimg{
       width: 100%;
       height: calc(100vh - 165px + 50px);
diff --git a/src/layouts/core.html.ejs b/src/layouts/core.html.ejs
index 6c2bd3f..1727b37 100644
--- a/src/layouts/core.html.ejs
+++ b/src/layouts/core.html.ejs
@@ -23,7 +23,7 @@
           <% }) %>
         </div>
       </div>
-      <div id="content" class="animations<% if(document.addclass){ %> <%= document.addclass %><% } %>" data-slug="<%- document.slug %>">
+      <div id="content" class="animations<% if(document.addclass){ %> <%= document.addclass %><% } %> initial-load" data-slug="<%- document.slug %>">
         <meta data-menu="<%= document.url.split("/")[1] %>" data-slug="<%- document.slug %>" />
         <%- content.replace("-split-", "") %>
       </div>