body {
	font-size: 3rem;
}

.green-to-red,
.red-to-blue {
	filter: hue-rotate(-120deg);
}

.red-to-green,
.green-to-blue {
	filter: hue-rotate(120deg);
}





body {
	margin: 0;
	display: grid;
	place-content: center;
	min-height: 100vh;
}

html, body {
	background: #fff;
}

@supports(-webkit-touch-callout: none) {
	html {
	  height: -webkit-fill-available;
	}
	body {
	  min-height: -webkit-fill-available;
	}
}