@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
*{ font-family: 'Poppins', sans-serif; }

.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%);
    }
  }