.GradientAnimation {
  background: linear-gradient(36deg, rgba(0,87,255,0.5), rgba(255,245,0,0.5));
  background-size: 400% 400%;
  -webkit-animation: GradientAnimation 15s ease infinite;
  -moz-animation: GradientAnimation 15s ease infinite;
  animation: GradientAnimation 15s ease infinite;
}

@keyframes GradientAnimation {
  0% {
    background-position: 97% 0%;
  }
  50% {
    background-position: 4% 100%;
  }
  100% {
    background-position: 97% 0%;
  }
}

.GradientScrollbar {
  background: linear-gradient(180deg, rgba(0,87,255,1) 0%, rgba(255,245,0,1) 100%);
  background-size: 400% 400%;
  -webkit-animation: GradientAnimation 5s ease infinite;
  -moz-animation: GradientAnimation 5s ease infinite;
  animation: GradientAnimation 5s ease infinite;
}

@keyframes GradientScrollbar {
  0% {
    background: linear-gradient(180deg, rgba(0,87,255,1) 0%, rgba(255,245,0,1) 100%);
  }
  50% {
    background: linear-gradient(180deg, rgba(0,87,255,1) 50%, rgba(255,245,0,1) 100%);
  }
  100% {
    background: linear-gradient(180deg, rgba(255,245,0,1) 0%, rgba(0,87,255,1) 100%);
  }
}