diff --git a/assets/global.css b/assets/global.css
index f874809..aef13c5 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -75,95 +75,3 @@ body {
     color: #--mdc-theme-secondary;
     text-decoration: none;
 }
-
-#cookies.display {
-    display: block;
-
-    /* Cross browser animation */
-    -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
-    -moz-animation: cookies 1s 1; /* Firefox 5-15 */
-    -ms-animation: cookies 1s 1; /* IE9 */
-    -o-animation: cookies 1s 1; /* Opera 12.00 */
-    animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
-}
-
-@keyframes cookies {
-    0%   {
-        opacity: 0;
-        -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,100px,0); /* Firefox */
-        -ms-transform: translate3d(0,100px,0); /* IE9 */
-        -o-transform: translate3d(0,100px,0); /* Opera */
-        transform: translate3d(0,100px,0);
-    }
-    100% {
-        opacity: 1;
-        -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,0,0); /* Firefox */
-        -ms-transform: translate3d(0,0,0); /* IE9 */
-        -o-transform: translate3d(0,0,0); /* Opera */
-        transform: translate3d(0,0,0);
-    }
-}
-@-webkit-keyframes cookies {
-    0%   {
-        -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,100px,0); /* Firefox */
-        -ms-transform: translate3d(0,100px,0); /* IE9 */
-        -o-transform: translate3d(0,100px,0); /* Opera */
-        transform: translate3d(0,100px,0);
-    }
-    100% {
-        -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,0,0); /* Firefox */
-        -ms-transform: translate3d(0,0,0); /* IE9 */
-        -o-transform: translate3d(0,0,0); /* Opera */
-        transform: translate3d(0,0,0);
-    }
-}
-@-moz-keyframes cookies {
-    0%   {
-        -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,100px,0); /* Firefox */
-        -ms-transform: translate3d(0,100px,0); /* IE9 */
-        -o-transform: translate3d(0,100px,0); /* Opera */
-        transform: translate3d(0,100px,0);
-    }
-    100% {
-        -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,0,0); /* Firefox */
-        -ms-transform: translate3d(0,0,0); /* IE9 */
-        -o-transform: translate3d(0,0,0); /* Opera */
-        transform: translate3d(0,0,0);
-    }
-}
-@-o-keyframes cookies {
-    0%   {
-        -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,100px,0); /* Firefox */
-        -ms-transform: translate3d(0,100px,0); /* IE9 */
-        -o-transform: translate3d(0,100px,0); /* Opera */
-        transform: translate3d(0,100px,0);
-    }
-    100% {
-        -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
-        -moz-transform: translate3d(0,0,0); /* Firefox */
-        -ms-transform: translate3d(0,0,0); /* IE9 */
-        -o-transform: translate3d(0,0,0); /* Opera */
-        transform: translate3d(0,0,0);
-    }
-}
-
-.close-cookies {
-    -webkit-transition: all 0.2s ease-out;
-    -moz-transition: all 0.2s ease-out;
-    -ms-transition: all 0.2s ease-out;
-    -o-transition: all 0.2s ease-out;
-    transition: all 0.2s ease-out;
-
-  -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-    -moz-transform: translate3d(0,100px,0); /* Firefox */
-    -ms-transform: translate3d(0,100px,0); /* IE9 */
-    -o-transform: translate3d(0,100px,0); /* Opera */
-    transform: translate3d(0,100px,0);
-}
diff --git a/assets/global.js b/assets/global.js
index bf900a3..a57634f 100644
--- a/assets/global.js
+++ b/assets/global.js
@@ -35,11 +35,13 @@ $(document).ready(function(){
     // include cookie notice
     if(!Cookies.get("demo.matthew-grove.ml-cookies-accepted")) {
         $("#cookies").load("/page-inserts/cookie-notice.html", function(){
-            $("#cookies").addClass("display");
+            $("#cookies").show();
+            $("#cookies").animate({bottom: "+100px"}, 1000);
             $(".source-code-link").animate({bottom: "+100px"}, 1000);
             $("#close-cookies").click(function(){
                 event.preventDefault();
-                $("#cookies").addClass("close-cookies");
+                $("#cookies").animate({bottom: "0px"}, 1000);
+                $("#cookies").hide();
                 $(".source-code-link").animate({bottom: "0px"}, 1000);
                 Cookies.set("demo.matthew-grove.ml-cookies-accepted", "true", {expires: 30});
             });