:root {
  /* fonts */
  --font-family: "Comfortaa",
      sans-serif;
  --font-family-seconday: "JetBrains Mono",
      monospace;
  /* colors*/
  --primary-purple: #bd34fe;
  --primary-blue: #47caff;
  --gradient-1: linear-gradient(
      120deg,
      #bd34fe 30%,
      #41d1ff
  );
  --gradient-2: linear-gradient(
      60deg,
      #bd34fe 30%,
      #41d1ff
  );
  --text: #fff;
  --hint: #b3b3b3;
  --background: #121212;
  --background-box: rgba(
      37,
      37,
      41,
      0.8
  );
  --background-tech: rgba(
      37,
      37,
      41,
      0.5
  );
  /* tech colors*/
  --tech-top: #41d1ff;
  --tech-ok: #8976ff;
  --tech-basis: #bd34fe;
}

.light {
  --text: #333;
  --hint: #b3b3b3;
  --background: #fff;
  --background-box: rgba(
      246,
      246,
      247,
      0.8
  );
}

/*# sourceMappingURL=variables.css.map */