/* Gradient animation */

.text-gradients {
    background: linear-gradient(270deg, var(--deep-jungle-green), var(--congo-pink));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 10000% 10000%;
  
    -webkit-animation: gradientBackground 10s ease infinite;
    -moz-animation: gradientBackground 10s ease infinite;
    animation: gradientBackground 10s ease infinite;
  }

  .main-screen-gradients {
    background: linear-gradient(270deg, var(--color-grad-start), var(--color-grad-end));
    background-size: 10000% 10000%;
  
    -webkit-animation: gradientBackground 30s ease infinite;
    -moz-animation: gradientBackground 30s ease infinite;
    animation: gradientBackground 30s ease infinite;
  }
  
  @-webkit-keyframes gradientBackground {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @-moz-keyframes gradientBackground {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes gradientBackground {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  /* Pulse animation */
  
  .pulse {
    animation: pulse-animation 2s infinite;
  }
  
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
  }