html, body {
	margin:0;
}
body {min-height: 100vh; background: linear-gradient(45deg, rgba(163, 62, 136, 0.4) 0%, rgba(163, 62, 136, 0.4) 12%,rgba(170, 91, 113, 0.4) 12%, rgba(170, 91, 113, 0.4) 16%,rgba(176, 121, 91, 0.4) 16%, rgba(176, 121, 91, 0.4) 21%,rgba(183, 150, 68, 0.4) 21%, rgba(183, 150, 68, 0.4) 46%,rgba(190, 179, 45, 0.4) 46%, rgba(190, 179, 45, 0.4) 53%,rgba(196, 209, 23, 0.4) 53%, rgba(196, 209, 23, 0.4) 94%,rgba(203, 238, 0, 0.4) 94%, rgba(203, 238, 0, 0.4) 100%),linear-gradient(135deg, rgba(200, 199, 213, 0.2) 0%, rgba(200, 199, 213, 0.2) 21%,rgba(202, 162, 196, 0.2) 21%, rgba(202, 162, 196, 0.2) 35%,rgba(204, 126, 179, 0.2) 35%, rgba(204, 126, 179, 0.2) 40%,rgba(205, 89, 162, 0.2) 40%, rgba(205, 89, 162, 0.2) 63%,rgba(207, 53, 145, 0.2) 63%, rgba(207, 53, 145, 0.2) 99%,rgba(209, 16, 128, 0.2) 99%, rgba(209, 16, 128, 0.2) 100%),linear-gradient(90deg, rgb(250, 211, 75) 0%, rgb(250, 211, 75) 2%,rgb(245, 197, 103) 2%, rgb(245, 197, 103) 13%,rgb(240, 183, 132) 13%, rgb(240, 183, 132) 27%,rgb(235, 168, 160) 27%, rgb(235, 168, 160) 56%,rgb(230, 154, 189) 56%, rgb(230, 154, 189) 90%,rgb(225, 140, 217) 90%, rgb(225, 140, 217) 100%); }
.say-hello,
.wait-a-minute,
.frame,
.move-your-body {
	position:relative;
	display:block;
	width:100%;
	height:100vh;
}
.say-hello {
	background:#c0c0c0;
}
.frame {
	background:white;
	overflow:hidden;
}
.move-your-body {
	position:absolute;
	background:linear-gradient(45deg, rgba(163, 62, 136, 0.4) 0%, rgba(163, 62, 136, 0.4) 12%,rgba(170, 91, 113, 0.4) 12%, rgba(170, 91, 113, 0.4) 16%,rgba(176, 121, 91, 0.4) 16%, rgba(176, 121, 91, 0.4) 21%,rgba(183, 150, 68, 0.4) 21%, rgba(183, 150, 68, 0.4) 46%,rgba(190, 179, 45, 0.4) 46%, rgba(190, 179, 45, 0.4) 53%,rgba(196, 209, 23, 0.4) 53%, rgba(196, 209, 23, 0.4) 94%,rgba(203, 238, 0, 0.4) 94%, rgba(203, 238, 0, 0.4) 100%),linear-gradient(135deg, rgba(200, 199, 213, 0.2) 0%, rgba(200, 199, 213, 0.2) 21%,rgba(202, 162, 196, 0.2) 21%, rgba(202, 162, 196, 0.2) 35%,rgba(204, 126, 179, 0.2) 35%, rgba(204, 126, 179, 0.2) 40%,rgba(205, 89, 162, 0.2) 40%, rgba(205, 89, 162, 0.2) 63%,rgba(207, 53, 145, 0.2) 63%, rgba(207, 53, 145, 0.2) 99%,rgba(209, 16, 128, 0.2) 99%, rgba(209, 16, 128, 0.2) 100%),linear-gradient(90deg, rgb(250, 211, 75) 0%, rgb(250, 211, 75) 2%,rgb(245, 197, 103) 2%, rgb(245, 197, 103) 13%,rgb(240, 183, 132) 13%, rgb(240, 183, 132) 27%,rgb(235, 168, 160) 27%, rgb(235, 168, 160) 56%,rgb(230, 154, 189) 56%, rgb(230, 154, 189) 90%,rgb(225, 140, 217) 90%, rgb(225, 140, 217) 100%)
}
p {
	position:absolute;
	margin:0 15%;
	width:70%;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	font:4em sans-serif;
	text-align:center;
	color:white;
}

@media (max-width:800px) {
	p {
		font:1.5em sans-serif;
	}
}