html {
	height: 100%;

}

body {
	height: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	background: #111;
	color: #eee;
	text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
	animation-duration: 0.01s;
	animation-name: textflicker;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	font-size: 40vmin;
	font-family: "Futura", "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	text-transform: uppercase;
}


  @keyframes textflicker {
	from {
	  text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
	}
	to {
	  text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
	}
  }