#heading {
    background-image: linear-gradient(
      45deg,
      rgb(30, 32, 72, 0.9) 0%,
      rgb(124, 192, 226, 0.5) 100%,
      rgb(37, 47, 255, 0.3) 200%
    );
  }

  #heading2 {
    background-image: linear-gradient(
      75deg,
      rgb(30, 32, 72, 0.9) 0%,
      rgb(124, 192, 226, 0.5) 100%,
      rgb(37, 47, 255, 0.3) 200%
    );
  }

  #heading3 {
    background-image: linear-gradient(
      95deg,
      rgb(30, 32, 72, 0.9) 0%,
      rgb(124, 192, 226, 0.5) 100%,
      rgb(37, 47, 255, 0.3) 200%
    );
  }

  #heading4 {
    background-image: linear-gradient(
      120deg,
      rgb(30, 32, 72, 0.9) 0%,
      rgb(124, 192, 226, 0.5) 100%,
      rgb(37, 47, 255, 0.3) 200%
    );
  }

  #heading5 {
    background-image: linear-gradient(
      145deg,
      rgb(30, 32, 72, 0.9) 0%,
      rgb(124, 192, 226, 0.5) 100%,
      rgb(37, 47, 255, 0.3) 200%
    );
  }

  #heading6 {
    background-image: linear-gradient(
      170deg,
      rgb(30, 32, 72, 0.9) 0%,
      rgb(124, 192, 226, 0.5) 100%,
      rgb(37, 47, 255, 0.3) 200%
    );
  }

  .responsive{
    font-size: 24rem;
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    width: 150%;
    text-align: center;
  }

  @media screen and (max-width:990px){
    .responsive{
      font-size: 16.5rem;
    }
  }
  @media screen and (max-width:440px){
    .responsive{
      font-size: 10.5rem;
    }
  }
  @media screen and (max-width:768px){
    .responsive{
      margin-top: 20px;
    }
  }