:root {
  --dark-theme: #0f172c;
  --theme-color: #6c5dd3;
  --theme-hover-color: #5241c0;
  --dark-grey: #353c4e;
  --grey: #6f767e;
  --light-grey: #d9d9d9;
  --white-50: rgba(255, 255, 255, 0.5);
  --white-80: rgba(255, 255, 255, 0.8);
  --white: #ffffff;
  --black: #000000;
  --orange: #f28149;
  --red: #f94d4d;
  --green: #83bf6e;
  --fw-300: '300';
  --fw-400: '400';
  --fw-500: '500';
  --fw-600: '600';
}


* {
  font-family: 'Ubuntu', sans-serif;
  
}


body {
  margin: 0;
  font-weight: var(--fw-400);
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 0.25px;
  color: var(--black);
  background-color: var(--dark-theme);
  overflow-x: hidden;
}


.color-purple {
  color: var(--theme-color);
}


.btn {
  font-weight: var(--fw-500);
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}


.btn-primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.btn-primary:hover {
  background-color: var(--theme-hover-color);
  border-color: var(--theme-hover-color);
}

/* custom scollbar */
/* width */
::-webkit-scrollbar {
  height: 0px !important;
  width: 0px !important;
}