//JS
const maxWindowWidth = 500;
const htmlElement = document.querySelector("html");

function setWindowScale() {
  if (window.innerWidth > maxWindowWidth) {
    const scale = window.innerWidth / maxWindowWidth;
    htmlElement.style.transform = `scale(${scale})`;
  }
}

setWindowScale();
window.addEventListener("resize", setWindowScale);


//CSS
@media (min-width: 500px) {
  html {
    transform-origin: 0px 0px;
    height: 656.25px;
    width: 500px;
    position: absolute;
  }
}

@media (max-width: 499px) {
  html {
    transform: unset !important;
  }
}