.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-canada {
  background: linear-gradient(90deg,
      rgba(248, 250, 252, 1),
      rgba(186, 230, 253, 0.95),
      rgba(254, 215, 170, 0.85));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.gradient-canada-tagline {
  background: linear-gradient(90deg,
      rgba(226, 232, 240, 0.95),
      /* lys kald grå */
      rgba(203, 213, 225, 0.90),
      /* dempet sølv */
      rgba(241, 245, 249, 0.95)
      /* nesten hvit */
    );
  -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;
}