body {
	background: linear-gradient(180deg, rgba(9,9,121,1), rgba(122,5,187,1), rgba(61,71,226,1));
	background-size: 400% 400%;
	animation: backgroundGradient 15s ease infinite;
	overflow: hidden;
}

body.error {
	background: linear-gradient(rgba(121,9,9,1), rgba(205,113,17,1), rgba(207,12,40,1)) !important;
}

h1 {
	font-size: 7vh;
	margin: 5px;
}

p {
	font-size: 2vh;
	margin-top: 0px;
}

h1, p {
	text-align: center;
	word-wrap: normal;
	color: rgb(245, 245, 245);
}

a {
	text-decoration: none;
	pointer-events: auto !important;
}

.main-content {
	width: 100%;
	max-width: 100%;
	position: absolute;
	top: 30%;
}

.icons {
	margin-top: 15px;
}

.lg-icon {
	font-size: 8vh !important;
}

.fa {
	color: rgb(245, 245, 245);
	display: table;
	margin: 0 auto;
	text-align: center;
	font-size: 5vh;
}

.fa:hover {
	text-shadow: 0 2px 2px rgb(126, 126, 126);
}

.no-hover {
	pointer-events: none;
}

@keyframes backgroundGradient {
	0% {
		background-position: 0% 25%;
	}
	50% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 0% 25%
	}
}