/* Define the initial state for the fade-in effect */
.fade-in-bg {
    animation: fadeInBackground 1s forwards;
  }
  
  /* Define the fade-out effect */
  .fade-out-bg {
    animation: fadeOutBackground 1s forwards;
  }
  
  /* Keyframes for fade-in background color */
  @keyframes fadeInBackground {
    from {
      background-color: transparent;
    }
    to {
      background-color: rgb(241, 166, 18); /* Change to your desired color */
    }
  }
  
  /* Keyframes for fade-out background color */
  @keyframes fadeOutBackground {
    from {
      background-color: rgb(241, 166, 18); /* Change to your desired color */
    }
    to {
      background-color: transparent;
    }
  }