* {
	padding: 0;
	margin: 0;
	}


html.interacted .hide-when-interacted {display: none;}
html.render-started .hide-when-render-started {display: none;}
html:not(.render-started) .hide-when-not-render-started {display: none;}

html:not(.started) canvas {display: none;}

body {
	font: normal max(16px, 10vw) arial;
	color: #fafafa;
	}

.welcome {
	width: 100vw; height: 100vh;
	background: url('./wilderness-background.jpg') no-repeat center;
	background-size: cover;
	display: grid;
	place-content: center;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	}

.welcome h1 {
	font-size: 150%;
	margin-bottom: 25px;
	}

.loading {font-size: 50%;}

button {
	background: gold;
	font-weight: bold;
	font-size: 35%;
	padding: 5px 15px 5px 15px;
	border: none;
	cursor: pointer;

	}

/* UPG: mobile first (bigger fonts) */
@media (min-width: 1280px) {
  body {
    font-size: max(16px, 5vw);
  }