body {
	padding: 0;
	margin: 0;
	background-color: #202020;
}

@keyframes whoosh {
	0% {transform: translateX(120%)}
	100% {transform: translateX(0%)}
}

#title {
	animation-timing-function: ease-in-out;
	text-align: center;
	animation: whoosh 2s 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

#container {
	overflow: hidden;
	padding: 2.8em;
}

.glow {
	/*font-size: 80px;*/
	color: #bada55;
	animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
	from {
		text-shadow:
			0 0 .125em #fff,
			0 0 .25em #ffffff,
			0 0 .375em #9c27b0,
			0 0 .5em #9c27b0,
			0 0 .625em #9c27b0,
			0 0 .75em #9c27b0,
			0 0 .875em #9c27b0;
	}

	to {
		text-shadow:
			0 0 .125em #fff,
			0 0 .25em #673ab7,
			0 0 .375em #673ab7,
			0 0 .5em #673ab7,
			0 0 .625em #673ab7,
			0 0 .75em #673ab7,
			0 0 .875em #673ab7;
	}
}

.btn-outline-success {
	color: #bada55;
	border-color: #bada55;
}

.btn-outline-success:hover {
	color: #673ab7;
	background-color: #bada55;
	border-color: #bada55;
}