html {
  -webkit-font-smoothing: antialiased;
}

.scrollable {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollable::-webkit-scrollbar {
  width: 6px;
  margin-right: 0;
  height: 8px;
}

.scrollable::-webkit-scrollbar-thumb {
  background: rgba(160, 160, 160, 0.473);
  border-radius: 3px;
}

.scrollinvis {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollinvis::-webkit-scrollbar {
  width: 0px;
  margin-right: 0;
  height: 0px;
}

.scrollinvis::-webkit-scrollbar-thumb {
  background: rgba(160, 160, 160, 0.473);
  border-radius: 3px;
}

.autoscaling {
  transform: scale(0.6) translate(-35%, -70%);
}

@media screen and (min-width: 1200px) {
  .autoscaling {
    transform: scale(0.7) translate(-22%, -50%);
  }
}

@media screen and (min-width: 1400px) {
  .autoscaling {
    transform: scale(0.85) translate(-10%, -30%);
  }
}

@media screen and (min-width: 1600px) {
  .autoscaling {
    transform: scale(1) translate(0, -15%);
    ;
  }
}

@media screen and (min-width: 1900px) {
  .autoscaling {
    transform: scale(1.25) translate(10%, -5%);
  }
}

@media screen and (min-width: 2300px) {
  .autoscaling {
    transform: scale(1.5) translate(18%, 5%);
  }
}

@media screen and (min-width: 2700px) {
  .autoscaling {
    transform: scale(2) translate(25%, 10%);
  }
}