@font-face {
	font-family: 'kohsantepheap-bold';
	src: url('/static/fonts/kohsantepheap-bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'kohsantepheap-regular';
	src: url('/static/fonts/kohsantepheap-regular.ttf') format('truetype');
	font-display: swap;
}
html {
	background-color: #08080f;
	/* Star background */
	/* https://chatgpt.com/share/68f6ee31-b4ec-800a-80ee-2db2f0056479 */
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'>\
    <circle cx='10' cy='10' r='1.2' fill='%23c0b080'/>\
    <circle cx='50' cy='20' r='1.4' fill='%23c0b080'/>\
    <circle cx='90' cy='30' r='1' fill='%23c0b080'/>\
    <circle cx='130' cy='40' r='1.6' fill='%23c0b080'/>\
    <circle cx='170' cy='50' r='1.2' fill='%23c0b080'/>\
    <circle cx='30' cy='70' r='1.1' fill='%23c0b080'/>\
    <circle cx='70' cy='80' r='1.3' fill='%23c0b080'/>\
    <circle cx='110' cy='90' r='1.5' fill='%23c0b080'/>\
    <circle cx='150' cy='100' r='0.9' fill='%23c0b080'/>\
    <circle cx='190' cy='110' r='1.3' fill='%23c0b080'/>\
    <circle cx='20' cy='130' r='1.1' fill='%23c0b080'/>\
    <circle cx='60' cy='140' r='1.5' fill='%23c0b080'/>\
    <circle cx='100' cy='150' r='1.1' fill='%23c0b080'/>\
    <circle cx='140' cy='160' r='1.3' fill='%23c0b080'/>\
    <circle cx='180' cy='170' r='1' fill='%23c0b080'/>\
    <circle cx='40' cy='180' r='1.4' fill='%23c0b080'/>\
    <circle cx='80' cy='190' r='1.2' fill='%23c0b080'/>\
    <circle cx='120' cy='15' r='1.1' fill='%23c0b080'/>\
    <circle cx='160' cy='70' r='1.3' fill='%23c0b080'/>\
    <circle cx='200' cy='130' r='1.4' fill='%23c0b080'/>\
  </svg>");

  background-size: 150px 150px; /* smaller = denser stars */
  background-repeat: repeat;
  background-attachment: fixed; /* optional, for parallax effect */
}

body {
	background: #08080f;
	color: #cb8;
	font-family: 'kohsantepheap-regular', serif;
	font-size: calc(.7em + .7vmax);
	word-wrap: break-word;
	width: 90vw;
	max-width: calc(30vw + 60vh);
	margin: calc(2vw + 2vh) auto;
	padding: 4vh 4vw;
	tab-size: 2;
}
a {
	color: #c90;
}
header {
	font-family: 'kohsantepheap-bold', serif;
	font-size: calc(1.2em + 4vw);
}
header a {
	color: #cb8;
	text-decoration: none;
}
header img {
	width: 100px;
}
footer, header {
	text-align: center;
}
input, textarea, button {
	background-color: inherit;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	border-style: solid;
}