@font-face {
	font-family: 'Brandon Light';
	src: url('font-webfont.woff2') format('woff2'),
			 url('font-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
/* credit to mehf, i stole it :skull: */
}

a {
	text-decoration: none; /* no underline */
}

.back {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -2;
	filter: blur(3px) brightness(30%);
	pointer-events: none;
}

body {
	text-align: center;
	font-size: 20px;
	-webkit-user-select:none;-moz-user-select:-moz-none;
	-ms-user-select:none;user-select:none
}

.image {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-size: cover;
	border: 3px solid #ff4473;
	border-style: solid;
	border-radius: 35%;
}

.blink {
	margin-left: 5px;
	display: inline;
	background: #fff;
	font-size: 15px;
	animation: blink 1s step-start infinite;
	color: transparent;
}

.big {
	font-family: monospace;
	white-space: pre;
	font-size: 20px;
	text-align: center;
}

.clean {
	color: white;

	font-family: 'Brandon Light'

}

/* credit to mehf again for this bit */

.rainbow {
		background-size: 800% 800%;
		background-clip: text;
		-webkit-background-clip: text;
		animation: rainbow 2s ease infinite;
		overflow: hidden;
	}
	
	@keyframes rainbow {
		0% {
			color: #e87d7d;
		}
		2% {
			color: #e88a7d;
		}
		4% {
			color: #e8977d;
		}
		6% {
			color: #e8a47d;
		}
		8% {
			color: #e8b07d;
		}
		10% {
			color: #e8bd7d;
		}
		12% {
			color: #e8ca7d;
		}
		14% {
			color: #e8d77d;
		}
		16% {
			color: #e8e47d;
		}
		18% {
			color: #dfe87d;
		}
		20% {
			color: #d3e87d;
		}
		22% {
			color: #c6e87d;
		}
		24% {
			color: #b9e87d;
		}
		26% {
			color: #ace87d;
		}
		28% {
			color: #9fe87d;
		}
		30% {
			color: #92e87d;
		}
		32% {
			color: #86e87d;
		}
		34% {
			color: #7de881;
		}
		36% {
			color: #7de88e;
		}
		38% {
			color: #7de89b;
		}
		40% {
			color: #7de8a8;
		}
		42% {
			color: #7de8b5;
		}
		44% {
			color: #7de8c1;
		}
		46% {
			color: #7de8ce;
		}
		48% {
			color: #7de8db;
		}
		50% {
			color: #7de8e8;
		}
		52% {
			color: #7ddbe8;
		}
		54% {
			color: #7dcee8;
		}
		56% {
			color: #7dc1e8;
		}
		58% {
			color: #7db5e8;
		}
		60% {
			color: #7da8e8;
		}
		62% {
			color: #7d9be8;
		}
		64% {
			color: #7d8ee8;
		}
		66% {
			color: #7d81e8;
		}
		68% {
			color: #867de8;
		}
		70% {
			color: #927de8;
		}
		72% {
			color: #9f7de8;
		}
		74% {
			color: #ac7de8;
		}
		76% {
			color: #b97de8;
		}
		78% {
			color: #c67de8;
		}
		80% {
			color: #d37de8;
		}
		82% {
			color: #df7de8;
		}
		84% {
			color: #e87de4;
		}
		86% {
			color: #e87dd7;
		}
		88% {
			color: #e87dca;
		}
		90% {
			color: #e87dbd;
		}
		92% {
			color: #e87db0;
		}
		94% {
			color: #e87da4;
		}
		96% {
			color: #e87d97;
		}
		98% {
			color: #e87d8a;
		}
		100% {
			color: #e87d7d;
		}
	}


@keyframes blink {
	50% {
		opacity: 0;
	}
}