.bgimg {
	position: absolute;
	background: url("/img/x.png") no-repeat center center;
	top: 50%;
	left: 50%;
	width: 850px;
	height: 314px;
	margin-top: -157px; /* Half the height */
	margin-left: -425px; /* Half the width */
	z-index: 50;
	pointer-events: none;
}

.text {
	z-index: 100;
	font-variant: none;
}

.texter {
	z-index: 100;
	font-size: 32px;
	font-variant: small-caps;
}

@font-face {
    font-family: 'Cinzel Regular';
    src: url('/etc/fonts/Cinzel-Regular.ttf') format('truetype');
}

body {
background: linear-gradient(270deg, #111111, #111120, #111111, #111511);
background-size: 800% 800%;

-webkit-animation: bganim 15s ease infinite;
-moz-animation: bganim 15s ease infinite;
animation: bganim 15s ease infinite;
font-family: monospace !important;
font-size: 24px;
color: white;
text-align: center;
z-index: 100;
}

u {
	font-variant:small-caps;
}

a {
	font-size: 20px;
	animation: flow 15s ease-in-out infinite;
	background: linear-gradient(-60deg, #373B44, #7F7FD5, #86A8E7, #91EAE4);
	background-size: 300%;
	
	-webkit-background-clip: text;
			background-clip: text;
	-webkit-text-fill-color: transparent;
}

@-webkit-keyframes bganim {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes bganim {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes bganim {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes flow {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}