body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

.platform-navigation a {
	display: block;
	padding: .82rem 0 .656rem 0;
	font-size: 1.64rem;
	line-height: 110%;
}

.page-footer {
	padding-top: 0;
}
.page-footer .row {
	margin-bottom: 0;
	display: flex;
}

nav ul li a {
	color: black;
}

body, .nav-wrapper, .card, a, img {
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.card {
	border-radius: 20px 40px;
}

#timers .card-content {
	width: 100%;
}

.progress {
	height: 1em;
}

.pointer {
	cursor: pointer;
}

.darkImg {
	opacity:0.6;
    filter:alpha(opacity=60);
}

hr {
	border: 1px solid grey;
	border-bottom: 0;
}

.donate-spacing {
	margin-top: 1em;
	width: 100%;
}

.donate {
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

.health {
	background: linear-gradient(-45deg, red, orange);
	background-size: 200% 200%;
	-webkit-animation: Gradient 3s ease infinite;
	-moz-animation: Gradient 3s ease infinite;
	animation: Gradient 3s ease infinite;
}

.giveaway {
	height: 15em;
}

.giveaway-text {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 2px 2px 2px #000000;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}