* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  user-select: none;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
}

html, body, #app {
  display: flex;
  flex-direction: column;
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}

img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

span {
  white-space: nowrap;
}

textarea {
  width: 100%;
  background: transparent;
  outline: none;
  border: none;
}

input {
  width: 100%;
  background: transparent;
  outline: none;
  border: none;
}
input:placeholder-shown {
  color: var(--background-third-color) !important;
}
input::placeholder {
  opacity: 0;
}

body {
  background: var(--bg1);
  --bg1: #FFFFFF;
  --bg2: #5f368d;
  --bg3: #f8f9fa;
  --cr1: #212529;
  --cr2: #FFFFFF;
  --cr3: #5f368d;
  --cr4: #DC3545;
  --br1: #C5B3E6;
  --br2: #6F42C1;
  --br3: #F1AEB5;
  --scroll: #7556ad;
}