.fadingBackgroundAnimation {
    background: linear-gradient(-45deg, #ffd849, #fbb149, #994fb2, #7bb662);
    background-size: 200% 200%;
    animation: gradient 25s ease infinite; 
  }
  .fadingBackgroundAnimationDark {
    background: linear-gradient(45deg, #404040, #589c48, #994fb2, #733381);
    /* background-size: 400% 400%;
    animation: gradient 15s ease infinite; */ 
  }
  
  .fadingBackgroundAnimationBees {
    background: linear-gradient(45deg, #838181, #ffd849, #f8a96d, #646300);
     background-size: 400% 400%;
    animation: gradient 15s ease infinite; 
  }
  .fadingBackgroundAnimationlight {
    background: linear-gradient(45deg, #fbb149, #f58024, #f8a96d, white);
    /* background-size: 400% 400%;
    animation: gradient 15s ease infinite; */ 
  }
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }