.gradient-projects {
  background: linear-gradient(90deg,
      rgba(226, 232, 240, 0.95),
      /* nesten hvit */
      rgba(148, 163, 184, 0.85)
      /* kjølig grå/blå */
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

}

.gradient-karthig {
  background: linear-gradient(90deg,
      rgba(203, 213, 225, 1),
      rgba(148, 163, 184, 1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.gradient-wrdzync {
  background: linear-gradient(90deg,
      rgba(139, 92, 246, 0.75),
      /* kjølig lilla */
      rgba(96, 165, 250, 0.70),
      /* rolig blå */
      rgba(186, 230, 253, 0.75)
      /* isblå */
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.gradient-fpl {
  background: linear-gradient(90deg,
      rgba(34, 197, 94, 0.90),
      /* grønn (gress) */
      rgba(132, 204, 22, 0.85),
      /* lime */
      rgba(187, 247, 208, 0.90)
      /* lys grønn */
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.gradient-wrldzone {
  background: linear-gradient(90deg,
      rgba(16, 185, 129, 0.85),  /* teal */
      rgba(14, 116, 144, 0.85),  /* dyp cyan */
      rgba(30, 64, 175, 0.85)    /* midnatt blå */
    );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}