From 633502ed2861a7b35c182d16c0413e0d7785275b Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Thu, 16 Nov 2017 20:21:01 -0700
Subject: [PATCH] Animation change

---
 css/style.css        | 16 ++++++++--------
 sass/animations.scss |  2 +-
 sass/style.scss      |  2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/css/style.css b/css/style.css
index b5a9752..a84d6a4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,7 +8,7 @@
     -webkit-transform: translate(0, 10vh);
     -o-transform: translate(0, 10vh);
     transform: translate(0, 10vh); }
-  20% {
+  50% {
     -moz-opacity: 0;
     -webkit-opacity: 0;
     -o-opacity: 0;
@@ -37,7 +37,7 @@
     -webkit-transform: translate(0, 10vh);
     -o-transform: translate(0, 10vh);
     transform: translate(0, 10vh); }
-  20% {
+  50% {
     -moz-opacity: 0;
     -webkit-opacity: 0;
     -o-opacity: 0;
@@ -66,7 +66,7 @@
     -webkit-transform: translate(0, 10vh);
     -o-transform: translate(0, 10vh);
     transform: translate(0, 10vh); }
-  20% {
+  50% {
     -moz-opacity: 0;
     -webkit-opacity: 0;
     -o-opacity: 0;
@@ -95,7 +95,7 @@
     -webkit-transform: translate(0, 10vh);
     -o-transform: translate(0, 10vh);
     transform: translate(0, 10vh); }
-  20% {
+  50% {
     -moz-opacity: 0;
     -webkit-opacity: 0;
     -o-opacity: 0;
@@ -334,10 +334,10 @@ body {
   font-weight: normal; }
 
 #scrollprompt {
-  -moz-animation: 2s ease fadeIn;
-  -webkit-animation: 2s ease fadeIn;
-  -o-animation: 2s ease fadeIn;
-  animation: 2s ease fadeIn;
+  -moz-animation: 3s ease fadeIn;
+  -webkit-animation: 3s ease fadeIn;
+  -o-animation: 3s ease fadeIn;
+  animation: 3s ease fadeIn;
   color: #91EFFF; }
 
 @media (max-width: 800px) {
diff --git a/sass/animations.scss b/sass/animations.scss
index de1f465..8477051 100644
--- a/sass/animations.scss
+++ b/sass/animations.scss
@@ -32,7 +32,7 @@ $prefixes: ("-moz-", "-webkit-", "-o-", "");
         @include prefix(opacity, 0);
         @include prefix(transform, translate(0, 10vh));
     }
-    20% {
+    50% {
         @include prefix(opacity, 0);
         @include prefix(transform, translate(0, 10vh));
     }
diff --git a/sass/style.scss b/sass/style.scss
index f15b9dd..f5eec91 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -291,7 +291,7 @@
 
     #scrollprompt {
         // @include prefix(animation, 1s 1.1s 1 prompt)
-        @include prefix(animation, 2s ease fadeIn);
+        @include prefix(animation, 3s ease fadeIn);
         color: $blue;
         // font-style: italic;
     }