html {
	height: 100%;
}

body {
	background-color: #cb316e;
	height: 100%;
}

div.main-container {
	background: linear-gradient(to right, #4A00E0, #8E2DE2);
	background-size: cover;
	height: 100%;
}

div.main-content {
	height: 100%;
}

div.main-content-inner {
	min-height: 100%;
}

div.page-content {
	background-color: transparent !important;
	color: #FFFFFF;
	height: 100%;
}

div.validation-summary-errors {
	background: #FFFFFF11;
	padding: 12px 0px 6px 0px;
	margin-bottom: 12px;
}

a,
a:link {
	color: #FFFFFF;
}

div.footer-content {
	color: #FFFFFF;
}

div.footer-content a:link {
	color: #FFFFFF;
}

/* Base animation state: hidden and off-screen */
.animated-show {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.8s ease, transform 1s ease;
	display: none;
}

/* When added, the element fades/slides in */
.animated-show.show {
	display: block;
	opacity: 1;
	transform: translateY(0);
}