@charset "utf-8";

/* This contains the content to be loaded. */
.loadContent{
	display: none;
	position: relative;
	animation: fadeInAndDown 0.4s;
}
@keyframes fadeInAndDown{
	from{
	top: -50px;
	opacity: 0;
	}
	to{
	top: 0;
	opacity: 1;
	}
}

/* This is for the element to be clicked to reveal content. */
.loadButton{
	display: none;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 5px;
	position: relative;
	animation: fadeIn 1s;
}
@keyframes fadeIn{
	from{
	opacity: 0;
	}
	to{
	opacity: 1;
	}
}

/* This makes the first loadButton visible on page load. It must be applied for the code to work. */
.firstLoadButton{
	display: block;
}