body {
	font-family: 'Roboto', sans-serif;
	padding-top:0px;
	margin-top: 0px;
}

.footer a {
	color: #ffffff;
}

.main {
	background-color: #EB090E; /* For browsers that do not support gradients */
	background-image: radial-gradient(farthest-corner at 60% 60%, #EB090E, #D50A0A, #BA0807);
	background-attachment: fixed;
	color: white;
	background-image: url(/images/bg-overlay-2.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
}

h1.title-text {
	font-size: 7rem;
	text-shadow: 5px 3px 0 rgba(0,0,0,.3);
}

h2.title-text {
	font-size: 3rem;
	text-shadow: 3px 1px 0 rgba(0,0,0,.3);
}

.title-text {
	font-family: 'Mountains of Christmas', cursive;
	font-weight: 400;
	letter-spacing: -1.5px;
	text-align: center;
}

.sub-text {
		font-weight: 300;
}

.white-txt a {
	color: #ffffff;
}

.spin-btn {
	background-color: #28A745;
	padding:0.5rem 1rem;
	min-width: 15rem;
	border-color: #28A745;
	border-radius: 1.4rem;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 500;
	transition: transform .5s; /* Animation */
}

.spin-btn:hover {
	transform: scale(1.1);
}

.resultBlock {
	text-align: center;
}

.resultsArea {
	height: 8rem;
	margin: 0rem 0rem 4rem;
}

.footer {
	/*position: absolute;
	bottom: 0;*/
	margin-top: 4rem;
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
}

.linkTxt a{
	color: #fff;
	font-weight: 600;
}

.rotate-scale-up {
	-webkit-animation: rotate-scale-up 0.7s linear 3 both;
	animation: rotate-scale-up 0.7s linear 3 both;
}

.productBox {
	background:rgba(213,10,10,0.6);
	padding: 1rem;
	border-radius: 1.5rem;
}

#resultImage img {
	width: 90px;
}

/**
* ----------------------------------------
* animation rotate-scale-up
* ----------------------------------------
*/
@-webkit-keyframes rotate-scale-up {
	0% {
		-webkit-transform: scale(1) rotateZ(0);
		transform: scale(1) rotateZ(0);
	}
	50% {
		-webkit-transform: scale(2) rotateZ(180deg);
		transform: scale(2) rotateZ(180deg);
	}
	100% {
		-webkit-transform: scale(1) rotateZ(360deg);
		transform: scale(1) rotateZ(360deg);
	}
}
@keyframes rotate-scale-up {
	0% {
		-webkit-transform: scale(1) rotateZ(0);
		transform: scale(1) rotateZ(0);
	}
	50% {
		-webkit-transform: scale(2) rotateZ(180deg);
		transform: scale(2) rotateZ(180deg);
	}
	100% {
		-webkit-transform: scale(1) rotateZ(360deg);
		transform: scale(1) rotateZ(360deg);
	}
}