:root {
  --black: #222222;

  --white: #ffffff;
  --white-dark: #c5c0c0;

  --purple: #c1afe9;
  --purple-dark: #7b5bba;

  --yellow: #f3e29b;
  --yellow-dark: #e9d477;

  --gray: #7f7e7e;
  --gray-dark: #272a35;

  --green: #34c28f;
  --orange: #f1b34d;
  --red: #f46969;
  --blue: #556fe4;
}

html,
body {
  margin: 0;
  padding: 0;

  background: #1f2026;
}

.modal-portal {
  position: relative;
}

@font-face {
  font-family: "arial rounded pro";
  src: url("/fonts/arial_rounded_font.ttf");
}

* {
  font-family: "Poppins", sans-serif;
}

*::-webkit-scrollbar {
  width: 0.3rem;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  scrollbar-width: 1rem;

  background: transparent;
}

*::-webkit-scrollbar {
  display: none;
}