body {
	text-transform: uppercase;
	background-color: whitesmoke;
  color: #1a1a1a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

div {
	display: flex;
	flex-wrap: wrap;
	width: 100vw;
}

div span {
	font-size: calc(15vh + 15vw);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	letter-spacing: -15px;
	line-height: calc(10vh + 10vw);
}

div span:hover {
	pointer: ;
	font-size: calc(20vh + 20vw);
	animation-name: js;
	animation-duration: .5s;
	animation-direction: alternate-reverse;
	animation-timing-function: linear;
	cursor: none;
}

h6 {
	padding: 1em;
	margin: 1em;
}

.blur {
	filter: blur(8px);
}

.not-blur {
	fliter: blur(0px);
}

#start {
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: rgba(255,255,255, 0.2);
	z-index: 666;
}

.hidden {
  display: none !important;
}

button {
	margin: auto;
	background-color: ghostwhite;
	border: 5px solid deeppink;
	border-radius: 5vw;
	width: 15vh;
	height: 15vw;
	font-size: calc(2vw + 2vh);
}

@keyframes js
{
	0%
	{
		color: grey;
		font-size: calc(20vh + 20vw);
		text-shadow: 2px 3px 5px black;
	}

	25%
	{
		font-size: calc(30vh + 30vw);
		text-shadow: 5px 8px 2px black;
	}

	50% 
	{
		color: deeppink;
		font-size: calc(33vh + 33vw);
		text-shadow: 9px 15px 8px black;
	}
}