:root {
  --grey: hsla(0, 0%, 56.86%, 1);
  --dark: hsla(258.46, 22.81%, 11.18%, 1);
  --white: white;
  --outline: hsla(240, 1.49%, 86.86%, 1);
  --green-d: hsla(180, 100%, 27.65%, 1);
  --light-purp: hsla(218.18, 47.83%, 95.49%, 1);
  --blue-grey: hsla(210, 6.67%, 94.12%, 1);
  --light-grey: hsla(210, 11.11%, 96.47%, 1);
  --yellow: hsla(50.55, 82.95%, 65.49%, 1);
  --bky: hsla(180, 65.07%, 55.1%, 1);
  --purple: hsla(219.03, 82.4%, 75.49%, 1);
  --blue-sky: hsla(219.03, 82.4%, 75.49%, 1);
  --red-course: hsla(5.03, 66.52%, 54.31%, 1);
  --green: hsla(148.07, 48.44%, 44.12%, 1);
  --gradient-blue: hsla(215.77, 83.87%, 24.31%, 1);
  --gradient-blue-light: hsla(218.91, 87.83%, 54.9%, 1);
  --purple-freelancer: hsla(256.26, 66.52%, 45.69%, 1);
  --dark-purple: hsla(259.38, 69.89%, 18.24%, 1);
  --shadow: hsla(218.18, 100%, 97.84%, 1);
  --outline-light: #ffffff4d;
}