:root {
  --purple1: hsl(280, 65.0%, 99.4%);
  --purple2: hsl(276, 100%, 99.0%);
  --purple3: hsl(276, 83.1%, 97.0%);
  --purple4: hsl(275, 76.4%, 94.7%);
  --purple5: hsl(275, 70.8%, 91.8%);
  --purple6: hsl(274, 65.4%, 87.8%);
  --purple7: hsl(273, 61.0%, 81.7%);
  --purple8: hsl(272, 60.0%, 73.5%);
  --purple9: hsl(272, 51.0%, 54.0%);
  --purple10: hsl(272, 46.8%, 50.3%);
  --purple11: hsl(272, 50.0%, 45.8%);
  --purple12: hsl(272, 66.0%, 16.0%);
}