function applyTextSize() {
	document
		.querySelectorAll(
			".text-size-s, .text-size-m, .text-size-l, .text-size-xl"
		)
		.forEach((element) => {
			let fontSize;
			if (element.classList.contains("text-size-s")) {
				fontSize = Math.ceil(Math.min(window.innerWidth, 512) / 16);
			} else if (element.classList.contains("text-size-m")) {
				fontSize = Math.ceil(Math.min(window.innerWidth, 512) / 13);
			} else if (element.classList.contains("text-size-l")) {
				fontSize = Math.ceil(Math.min(window.innerWidth, 512) / 9);
			} else if (element.classList.contains("text-size-xl")) {
				fontSize = Math.ceil(Math.min(window.innerWidth, 512) / 6);
			}
			element.style.fontSize = fontSize + "px";
		});
}

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