body {
  background: #063a4f;
  background: linear-gradient(
    0deg,
    rgba(6, 58, 79, 1) 0%,
    rgb(1, 31, 43) 50%,
    rgba(3, 29, 38, 1) 100%
  );
  min-height: 100vh;
  color: white !important;
}
#main-navbar {
  padding: 20px 30px;
}
#navbarNav ul li a {
  color: white;
}
.info {
  font-size: 2.2rem;
  line-height: normal;
  font-weight: bolder;
  background: linear-gradient(to right, #ff3cac, #a020f0, #6e6eff);

  /* 2. Clip the background to the text area */
  -webkit-background-clip: text;
  background-clip: text;

  /* 3. Make the actual text transparent so the background shows through */
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* Optional: Ensure the gradient doesn't stretch beyond text width */
  display: inline-block;
}
#roadmap-card {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 15px;
  box-shadow: 0 1px 8px rgba(244, 241, 241, 0.5);
}
#roadmap-card .card-title{
  font-size: 2.2rem;
  line-height: normal;
  font-weight: bolder;
  background: linear-gradient(to right, #ff3cac, #a020f0, #6e6eff);

  /* 2. Clip the background to the text area */
  -webkit-background-clip: text;
  background-clip: text;

  /* 3. Make the actual text transparent so the background shows through */
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* Optional: Ensure the gradient doesn't stretch beyond text width */
  display: inline-block;
}
#contact-section {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 15px;
  box-shadow: 0 1px 8px rgba(244, 241, 241, 0.5);
}
#demo{
  font-size: 2.5rem;
  line-height: normal;
  font-weight: bolder;
  background: linear-gradient(to right, #ff3cac, #a020f0, #6e6eff);

  /* 2. Clip the background to the text area */
  -webkit-background-clip: text;
  background-clip: text;

  /* 3. Make the actual text transparent so the background shows through */
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* Optional: Ensure the gradient doesn't stretch beyond text width */
  display: inline-block;
}