From 9d283d91085a9af76b25f44251ef0dff5ae51544 Mon Sep 17 00:00:00 2001
From: john-emerson14 <john.carv.sousa@gmail.com>
Date: Sun, 22 Mar 2020 01:49:52 -0300
Subject: [PATCH] style: change transition duration

---
 style.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index 9916505..fa04e73 100644
--- a/style.css
+++ b/style.css
@@ -4,18 +4,21 @@
     --bgColor: #223344;
     --accentColor: #E6E6E6;
     --font: 'Karla', sans-serif;
+    --delay: .5s;
 }
 
 body {
     min-height: 100vh;
     background: radial-gradient(ellipse at bottom, var(--bgColor) 0%, #090a0f 100%);
-    animation: 1s ease-out 0s 1 transitionAnimation; /* duration/timing-function/delay/iterations/name */
+    opacity: 0;
+    animation: 1s ease-out var(--delay) 1 transitionAnimation; /* duration/timing-function/delay/iterations/name */
+    animation-fill-mode: forwards;
 }
 
 @keyframes transitionAnimation {
     0% {
         opacity: 0;
-        transform: translateY(-25px);
+        transform: translateY(-10px);
     }
     100% {
         opacity: 1;
@@ -95,7 +98,7 @@ body {
     background: linear-gradient(90deg, #000, #fff, #000);
     background-repeat: no-repeat;
     background-size: 80%;
-    animation: animate 3s linear infinite;
+    animation: animate 3s linear var(--delay) infinite;
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(255, 255, 255, 0);
 }