@charset "UTF-8";
h3 {
	font-family: 'Dancing Script', cursive;
}

body {
	font-family: 'Source Serif Pro', serif;
	/*background-color: #34515a;*/
	background: url(images/tulle.jpg) fixed no-repeat center;
	

}
.page-wrapper {
	/*width: 1000px;
	margin-left: auto;
	margin-right: auto;*/
}


.intro {
	background: url(images/ballerina1.jpg) center;
	background-size: cover;
	text-align: center;
	color: #e4eeef;
	padding-top: 200px;
	
}

.intro h1 {
	color: #dcb796;
	font-family: 'Dancing Script', cursive;
	font-size: 60px;
	margin-bottom: 0px;
	opacity: 0;
	animation: fade 1s 0.5s forwards 1;
}

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.intro h2 {
	color: #dcb796;
	font-family: 'Dancing Script', cursive;
	font-size: 40px;
	margin-top: 0px;
	opacity: 0;
	animation: fade 1.5s 1.5s forwards 1;
}

	.summary {
	padding-top: 150px;
	width: 500px;
		margin-left: auto;
		margin-right: auto;
}

.summary a {
	text-decoration: underline;
	color: #e4eeef;
}

	.preamble {
	margin-top: 65px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 15px;
		opacity: 0.3;
	transition: all 1s ease;
}

.preamble:hover {
	opacity: 1;
}

.preamble h3 {
	color: #dcb796;
	font-size: 30px;
}

.main {
	/*background: url(images/tulle.jpg) fixed no-repeat center;*/
	clear: both;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(52,81,90,0.60);
	margin-top: 315px;
	color: #2E3030;
}

.main h3 {
	text-align: center;
	color: #dcb796;
	font-size: 25px;
}



	.explanation h3 { 
		text-align: center;
}
.explanation {
	width: 300px;
	float: left;
	padding-left: 35px;
	margin-right: 10px;
	transition: all 1s ease;
}

.explanation:hover, .participation:hover, .benefits:hover, .requirements:hover {
	transform: scale(1.1, 1.1);
	-webkit-box-shadow: 1px 1px 15px 0px #3E4F55;
	box-shadow: 1px 1px 15px 0px #3E4F55;
	background-color: rgba(52,81,90,0.40);
}

	.participation {
	width: 300px;
	float: left;
	/*margin-left: 8px;
	margin-right: 8px;*/
		padding-left: 8px;
		padding-right: 8px;
	transition: all 1s ease;
}

 

.participation a, .requirements a {
	text-decoration: underline;
	color:#2E3030;
}

	.benefits {
	width: 300px;
	float: left;
	padding-left: 8px;
		transition: all 1s ease;
}


	.requirements {
	/*width: 100%;*/
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
		transition: all 1s ease;
}


.sidebar {
	background-image: url(images/triangles.jpg);
	background-size: cover;
	clear: left;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.sidebar h3 {
	font-size: 25px;
}
		
	/*width: 1000px;
	height: auto;
	

}
/*
.sidebar:hover {
	transform: translate(900px,0px);
}*/

	.design-selection {
	text-align: right;
	list-style: none;
	color: #dcb796;
	padding-right: 25px;
	padding-top: 10px;	
}

	.design-archives {
	color: #5C6061;
	padding-left: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: -95px;
}

.zen-resources {
	color: #5C6061;
	padding-left: 25px;
	padding-bottom: 10px;
	margin-top: 0px;	
}

 .design-archives ul li a, .zen-resources ul li a {
	text-decoration: underline;
	color: #5C6061;
}

.design-selection ul li a {
	text-decoration: underline;
		color: #dcb796; 
	
}

footer {
	width: 100%;
	clear: both;
	text-align: center;
}

footer a {
	text-decoration: none;
	color: #5C6061;
}

.intro h1::before {
	content: url(images/dancer1.png);
	position: absolute;
	left: 575px;
	top: 1060px;
	animation-name: spin;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

	@keyframes spin {
	from {
		transform: rotateY(-360deg);
	}
	
	to {
		transform: rotateY(360deg);
	}
		}

/*footer a:nth-of-type(3)::before {
	content: url(images/dancer1.png);
}*/
/*	animation-name: spin;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes spin {
	from {
		transform: rotateY(0deg);
	}
	
	to {
		transform: rotateY(360deg);
	}
}*/