From 51b67fee9bb675c0ecd42f550d439aceee286f1a Mon Sep 17 00:00:00 2001
From: Vanderloo <212703693@logon.ds.ge.com>
Date: Tue, 29 May 2018 14:41:49 -0400
Subject: [PATCH] played with gradient more

---
 public/css/style.css | 14 +++++++++-----
 sass/footer.scss     |  0
 sass/style.scss      | 14 ++++++++------
 3 files changed, 17 insertions(+), 11 deletions(-)
 create mode 100644 sass/footer.scss

diff --git a/public/css/style.css b/public/css/style.css
index 4b63a8e..73567e5 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -60,9 +60,9 @@ body {
   background-color: #bdc3c7;
   padding-top: 3.5em;
   height: 14em;
-  background: linear-gradient(45deg, #C4E538, #C49432, #B53471, #FFC312);
+  background: radial-gradient(circle at 40%, #C0E538 5%, #C4D440 20%, #FFC312 40%, #B53471 90%);
   background-size: 400% 400%;
-  animation: bgmove 10s ease infinite; }
+  animation: bgmove 30s ease infinite; }
   #tab-container .tab {
     display: none; }
   #tab-container .active {
@@ -107,8 +107,12 @@ body {
 
 @keyframes bgmove {
   0% {
-    background-position: 50% 0%; }
+    background-position: 0% 0%; }
+  25% {
+    background-position: 40% 0%; }
   50% {
-    background-position: 50% 100%; }
+    background-position: 100% 0%; }
+  75% {
+    background-position: 60% 0%; }
   100% {
-    background-position: 50% 0%; } }
+    background-position: 0% 0%; } }
diff --git a/sass/footer.scss b/sass/footer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/sass/style.scss b/sass/style.scss
index 6f7b282..b68b3f5 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -2,7 +2,7 @@
 
 $nav-bar-height: 3.5em;
 
-@import "nav.scss";
+@import "nav.scss", "footer.scss";
 
 body {
   margin: 0;
@@ -26,9 +26,9 @@ body {
   background-color: #bdc3c7;
   padding-top: $nav-bar-height;
   height: 14em;
-  background: linear-gradient(45deg, #C4E538, #C49432, #B53471, #FFC312);
+  background: radial-gradient(circle at 40%, #C0E538 5%, #C4D440 20%, #FFC312 40%, #B53471 90%);
   background-size: 400% 400%;
-  animation: bgmove 10s ease infinite;
+  animation: bgmove 30s ease infinite;
   .tab { display: none; } // defaults inactive
   .active { display: block; }
   .header {
@@ -69,7 +69,9 @@ body {
   }
 }
 @keyframes bgmove {
-  0% {   background-position: 50% 0%; }
-  50% {  background-position: 50% 100%;}
-  100% { background-position: 50% 0%; }
+  0% {   background-position: 0% 0%; }
+  25% {  background-position: 40% 0%;}
+  50% {  background-position: 100% 0%;}
+  75% {  background-position: 60% 0%;}
+  100% { background-position: 0% 0%; }
 }
-- 
knotmirror 0.0.1