@import url('https://fonts.googleapis.com/css2?family=Tilt+Prism&display=swap');

html{
	background: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.836)), url(content/bg.png);
	display:grid;
	overflow:auto;
	background-size: auto;
	font-weight: lighter;
	font-family: 'Courier New', Courier, monospace;
	min-height: 100%;
	animation-name: rgb;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	background-blend-mode: multiply;
	user-select: none;
}
@keyframes rgb {
	from {background-color: rgba(255, 0, 0, 0.5);}
	25% {background-color: rgb(255, 255, 0, 0.5);}
	50% {background-color: rgb(0, 225, 255, 0.5);}
	75% {background-color: rgb(255, 0, 255, 0.5);}
	100% {background-color: rgb(255, 0, 1, 0.5);}
}
.container{
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.main{
	text-shadow: 0 0 20px rgb(255, 255, 255);
	font-size: 6rem;
	color: #ffffff;
	text-shadow:
	3px 3px 0 #000,
	5px 5px 0 #000,
  -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
	1px 1px 0 #000;
}
.main:hover{
	font-size: 7rem;
}