body {
	background-color: #346e47 !important;
	background-image: none !important;
}

.container {
	background-color: #346e47 !important;
}

a {
	color: white;
}

a:hover {
	color: #AAA;
}

.card {
	position: absolute;
	width: calc(2.25 * 35px);
	height: calc(3.25 * 35px);	/* Technically should be 3.5 */
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 1px solid rgba(0, 0, 0, 0);
}

.animCard {
	transition: top 0.15s ease-out, left 0.15s ease-out;
}

.animCard .cardImgs {
	transition: transform 0.15s ease-out;
}

.cardImgs {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
}

.card img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}

.cardBack {
	transform: rotateY(180deg);
}

.submitChoices {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 50px;
}

.grayOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}

.darkGrayOverlay {
	background-color: rgba(0, 0, 0, 0.35) !important;
}