.animatedBackground {
      height: 100vh;
      
      background: linear-gradient(-45deg, #324555, #593d4a, #3b6742, #8a8245, #324555);
      background-size: 400% 400%;
      animation: gradientChange 8s infinite;
      color: white;
      /* Color de texto blanco para resaltar */
      text-align: center;
  }

  @keyframes gradientChange {
      0% {
          background-position: 0% 50%;
      }

      25% {
          background-position: 100% 50%;
      }

      50% {
          background-position: 0% 50%;
      }

      75% {
          background-position: 100% 50%;
      }

      100% {
          background-position: 0% 50%;
      }
  }

 .redBackground {
     height: 100vh;
   
     background: linear-gradient(-45deg, #ff5733, #ff0000);
     color: white;
     /* Texto blanco para resaltar */
     text-align: center;
 }

 .contrastBackground {
     height: 100vh;
     background: linear-gradient(-45deg, #33ff57, #00ff00);
     color: white;
     /* Texto blanco para resaltar */
     text-align: center;
 }