:root {
  --white-rgb: 255, 255, 255;
  --blue-light-rgb: 13, 193, 236;
  --gray-rgb: 105, 112, 147;
  --dark-rgb: 1, 6, 10;
  --purple-rgb: 132, 0, 255;
  --blue-300-rgb: 175, 176, 224;
  --white: #fff;
  --blue-light: #0dc1ec;
  --purple: #8400ff;
  --gray: #697093;
  --dark: #01060a;
  --blue-300: #afb0e0;
  --pink-blue-gradient: linear-gradient(270deg, var(--blue-light) 0%, var(--purple) 100%);
  --white-gradient-10: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  --white-gradient-20: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 49.52%, rgba(255, 255, 255, 0.2) 100%);
  --purple-gradient: linear-gradient(90deg, rgba(132, 0, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  --dark-gradient: linear-gradient(180deg, rgba(1, 6, 10, 0) 0%, #01060a 100%);
  --purple-dark-gradient: linear-gradient(180deg, rgba(77, 0, 148, 0.9) 0%, rgba(1, 6, 10, 0.9) 100%);
  --line-split-vertical-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  --line-split-horizontal-gradient: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  --font-geologica: "Geologica";
}