body {
	font-family: 'Space Mono', monospace;
	background-color: #fdf9fd;
}

body div {
	width: 62%;
	margin: 200px 0 0 100px;
}


div h1 span {
	text-shadow: 0 -6.25px #0c2ffb,
				0 -12.5px #2cfcfd,
				0 6.25px #fb203b,
				0 12.5px #fefc4b;
}

h1 {
	font-size: 80px;
	line-height: 1;
	font-weight: 400;
}

h2 {
	font-size: 40px;
}

p {
	font-size: 18px;
}

@media only screen and (max-width: 1788px) {
	body div {
		width: 69%;
	}
}
@media only screen and (max-width: 1578px) {
	body div {
		width: 85%;
	}
}

@media only screen and (max-width: 1283px) {
	div h1 {
		font-size: 70px;
	}
	div h2 {
		font-size: 35px;
	}
	div p {
		font-size: 15px;
	}
	div h1 span {
		text-shadow: 0 -5.25px #0c2ffb,
					0 -8.5px #2cfcfd,
					0 5.25px #fb203b,
					0 8.5px #fefc4b;
	}
}

@media only screen and (max-width: 850px) {
	body div {
		width: 90%;
		margin: 70px auto;
	}
}

@media only screen and (max-width: 650px) {
	div h1 {
		font-size: 50px;
	}
	div h2 {
		font-size: 25px;
	}
	div p {
		font-size: 12px;
	}

	div h1 span {
		text-shadow: 0 -3.25px #0c2ffb,
					0 -6.5px #2cfcfd,
					0 3.25px #fb203b,
					0 6.5px #fefc4b;
	}
}