@import "Assets/Fonts/fa/fa";
@import "Assets/Fonts/exo/exo";
@import "variables";

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  -webkit-user-select: none;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-corner {
  background: $black30;
}

*::-webkit-scrollbar-thumb {
  background-color: $blueDark;
  border-radius: 4px;
  border: 2px solid $black30;
  background-clip: content-box;
  min-width: 4px;
  min-height: 4px;
}

*::-webkit-scrollbar-track {
  background-color: $black30;
}

img {
  pointer-events: none;
}

html, body, body > div {
  width: 100%;
  height: 100%;
}

body {
  background: radial-gradient(circle, $purple 0%, $purple2 100%);
}

body, button,
input, textarea, select, option,
input:disabled, textarea:disabled, select:disabled, option:disabled {
  font-family: exo;
  font-size: 16px;
  color: $white70;
  -webkit-appearance: none;
  appearance: none;
}

input, textarea, select, option,
input:disabled, textarea:disabled, select:disabled, option:disabled,
input:hover, textarea:hover, select:hover, option:hover,
input:focus, textarea:focus, select:focus, option:focus {
  outline: none;
  border: 0;
}

input, textarea, select {
  background: $white;
}

input:disabled, textarea:disabled, select:disabled {
  background: $white url("./Assets/Images/scratches-black.svg") repeat top left / 24px ;
}

button {
  cursor: pointer;
  background: none;
}

ul {
  list-style: none;
}

a, a:hover {
  color: inherit;
  text-decoration: none;
}

i.icon {
  font-family: icons;
  font-weight: bold;
  font-style: normal;
}