:root {
	font-size: 28pt;
	--clr-primary: rgba(253,114,114,1);
	--clr-secondary: rgba(223, 230, 233, 1.0);
	--clr-shadow: rgba(99, 110, 114, 1.0);
}

*,
html,
body {
	font-family: 'Poiret One', cursive;
	font-size: 1rem;
	cursor: default;
	padding: 0;
	margin: 0;
	color: var(--clr-shadow);
}

body {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	background-color: var(--clr-primary);
}

h1 {
	font-family: 'Chango', cursive;
	color: var(--clr-primary);
	text-shadow: 2px 2px 10px var(--clr-secondary);
	font-weight: 200;
	font-size: 2em;
	line-height: 1;
	display: inline-block;
	text-align: center;
}

h1:hover {
	text-shadow: 2px 2px 10px var(--clr-shadow);
}

p {
	display: inline-block;
}
h1 + p { display: none; }