fixing layout

_sass/_elements.scss

@@ -85,7 +85,8 @@ a:hover {
   }
 }
 .streamer {
-  margin-top: 2em;;
+  margin-top: 2em;
+  text-align: center;
 
 }
 // icon

_sass/_layout.scss

@@ -93,7 +93,7 @@ footer {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  padding: 160px 20px 20px 20px;
+  padding: 160px 20px 200px 20px;
   background-color: _palette(fg);
   color: _palette(bg);
   justify-content: center;
@@ -101,6 +101,7 @@ footer {
   background-size: 480px 480px;
   background-repeat: repeat-x;
   background-position: top;
+  box-sizing: border-box;
   div {
     flex: 0 1 280px;
     margin:20px;

_sass/libs/_animations.scss

@@ -30,14 +30,17 @@
 }
 
 @-webkit-keyframes backgroundSize {
-  0%{background-size:200% 400%}
-  100%{background-size:400% 200%}
+  0%{background-size:100% 150%}
+  50%{background-size:150% 100%}
+  100%{background-size:100% 150%}
 }
 @-moz-keyframes backgroundSize {
-  0%{background-size:200% 400%}
-  100%{background-size:400% 200%}
+  0%{background-size:100% 150%}
+  50%{background-size:150% 100%}
+  100%{background-size:100% 150%}
 }
 @keyframes backgroundSize {
-  0%{background-size:200% 400%}
-  100%{background-size:400% 200%}
+  0%{background-size:100% 150%}
+  50%{background-size:150% 100%}
+  100%{background-size:100% 150%}
 }

_sass/libs/_vars.scss

@@ -133,15 +133,15 @@ $font: (
 // Palette.
 $palette: (
 
-  bg:         rgb(66, 66, 66),
-  bg-alt:     rgba(66, 66, 66, 0.75),
-  fg:         rgb(254, 255, 234),
-  fg-alt:     rgba(254, 255, 234, 0.25),
-  border:     rgba(0, 0, 0, 1),
+  bg:         #1f1729,
+  bg-alt:     rgba(31, 23, 41, 0.75),
+  fg:         #a38ab6,
+  fg-alt:     rgba(163, 138, 182, 0.25),
+  border:     #000000,
   border-alt: rgba(0, 0, 0, 0.75),
-  accent1:    rgb(252, 252, 100),
-  accent1-alt:rgb(182, 182, 0),
-  accent2:    rgb(0, 146, 137),
-  accent2-alt:rgb(0, 97, 90),
+  accent1:    #38ff59,
+  accent1-alt:rgba(56, 255, 89, 0.75),
+  accent2:    #6800ca,
+  accent2-alt:rgba(104, 0, 202, 0.75),
 
 );

_sass/trackplayer.scss

@@ -6,12 +6,18 @@
   height: 100vh;
   padding: 0;
   margin: 0;
-
+  background-size: 100%;
+  background: rgb(31,23,41);
+  background: linear-gradient(180deg, rgba(31,23,41,1) 26%, rgba(56,255,89,0.25) 100%);
+  -moz-transition: background-size 2s ease-in-out;
+  -webkit-transition: background-size 2s ease-in-out;
+  -ms-transition: background-size 2s ease-in-out;
+  transition: background-size 2s ease-in-out;
   > section {
     position: absolute;
     height: 100vh;
     width: 50%;
-    background: _palette(border-alt);
+    background: transparent;
     padding: 0;
     margin: 0;
     text-align: center;
@@ -95,3 +101,9 @@
  }
 
 }
+
+.bouncer {
+  -webkit-animation: backgroundSize 10s ease infinite;
+  -moz-animation: backgroundSize 10s ease infinite;
+  animation: backgroundSize 10s ease infinite;
+}