body {
	background: #eee;
	color: black;
        font-family: sans-serif;
}

.red {
        color: #f00;
}

@media (prefers-color-scheme: dark) {
	body {
		background: #222;
		color: #ccc;
	}
	.red {
		color: #f22;
	}
}

/*
 *  these media queries should target any iPhone
 *  as of October 2021
 */

@media screen and (max-device-width: 500px) and (orientation: portrait) {
	body {
		font-size: 210%;
	}
}

@media screen and (max-device-width: 1000px) and (orientation: landscape) {
	body {
		font-size: 120%;
	}
}