html, body {
	width: 100%;
	margin: 0;
	overflow-x: hidden;
}

body {
	background: #fcf1fc;
	font-family: "Times New Roman", "Times", serif;
	color: #f9b7ff;
	font-size: 5em;
	cursor: url(http://www.rw-designer.com/cursor-extern.php?id=42869);
}

.jumbotron,
#header {
	background-color: #fcf1fc;
	text-shadow: 2px 2px #ddd;
}

h1,
h2,
h3,
h4 {
	color: white;
	font-family: cursive;
	-webkit-text-stroke: 1px #f9b7ff;
}

p {
	font-family: cursive;
}

.serif {
	font-family: serif;
}

.black {
	color: #000000 !important;
}

.white {
	color: #ffffff !important;
}

.img-center {
	margin: 0 auto;
}

.row {
	margin-bottom: 40px;
}

.rainbow {
	-webkit-animation: rainbow 1s infinite;
	-ms-animation: rainbow 1s infinite;
	-o-animation: rainbow 1s infinite;
	animation: rainbow 1s infinite;
}

#boxshadow {
	position: relative;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	padding: 10px;
	background: #ffe2f3;
}

/* Make the image fit the box */
#boxshadow img {
	width: 100%;
	border: 1px solid #8a4419;
	border-style: inset;
}

#boxshadow::after {
	content: '';
	position: absolute;
	z-index: -1; /* hide shadow behind image */
	-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
	width: 70%;
	left: 15%; /* one half of the remaining 30% */
	height: 100px;
	bottom: 0;
}

@-webkit-keyframes rainbow {
	0% {
		color: #F57F81;
	}
	10% {
		color: #F5AC7F;
	}
	20% {
		color: #F7F48D;
	}
	30% {
		color: #BCF5A2;
	}
	40% {
		color: #6DED7C;
	}
	50% {
		color: #51ED94;
	}
	60% {
		color: #84EAF0;
	}
	70% {
		color: #90AFF5;
	}
	80% {
		color: #697CF5;
	}
	90% {
		color: #9C74F2;
	}
	100% {
		color: #F294CB;
	}
}

@-ms-keyframes rainbow {
	0% {
		color: #F57F81;
	}
	10% {
		color: #F5AC7F;
	}
	20% {
		color: #F7F48D;
	}
	30% {
		color: #BCF5A2;
	}
	40% {
		color: #6DED7C;
	}
	50% {
		color: #51ED94;
	}
	60% {
		color: #84EAF0;
	}
	70% {
		color: #90AFF5;
	}
	80% {
		color: #697CF5;
	}
	90% {
		color: #9C74F2;
	}
	100% {
		color: #F294CB;
	}
}

@-o-keyframes rainbow {
	0% {
		color: #F57F81;
	}
	10% {
		color: #F5AC7F;
	}
	20% {
		color: #F7F48D;
	}
	30% {
		color: #BCF5A2;
	}
	40% {
		color: #6DED7C;
	}
	50% {
		color: #51ED94;
	}
	60% {
		color: #84EAF0;
	}
	70% {
		color: #90AFF5;
	}
	80% {
		color: #697CF5;
	}
	90% {
		color: #9C74F2;
	}
	100% {
		color: #F294CB;
	}
}

@keyframes rainbow {
	0% {
		color: #F57F81;
	}
	10% {
		color: #F5AC7F;
	}
	20% {
		color: #F7F48D;
	}
	30% {
		color: #BCF5A2;
	}
	40% {
		color: #6DED7C;
	}
	50% {
		color: #51ED94;
	}
	60% {
		color: #84EAF0;
	}
	70% {
		color: #90AFF5;
	}
	80% {
		color: #697CF5;
	}
	90% {
		color: #9C74F2;
	}
	100% {
		color: #F294CB;
	}
}

.scroll-right {
	height: 160px;
	overflow: hidden;
	position: relative;
	margin: 40px 0px;
}

.scroll-right h1 {
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 80px;
	text-align: center;
	/* Starting position */
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	/* Apply animation to this element */
	-moz-animation: scroll-right 5s linear infinite;
	-webkit-animation: scroll-right 5s linear infinite;
	animation: scroll-right 5s linear infinite;
}


/* Move it (define the animation) */

@-moz-keyframes scroll-right {
	0% {
		-moz-transform: translateX(-100%);
	}
	100% {
		-moz-transform: translateX(100%);
	}
}

@-webkit-keyframes scroll-right {
	0% {
		-webkit-transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(100%);
	}
}

@keyframes scroll-right {
	0% {
		-moz-transform: translateX(-100%);
		/* Browser bug fix */
		-webkit-transform: translateX(-100%);
		/* Browser bug fix */
		transform: translateX(-100%);
	}
	100% {
		-moz-transform: translateX(100%);
		/* Browser bug fix */
		-webkit-transform: translateX(100%);
		/* Browser bug fix */
		transform: translateX(100%);
	}
}