/*  font-family: 'Oswald', sans-serif;
	font-family: 'Ubuntu', sans-serif;
	font-family: 'Anton', sans-serif;
	font-family: 'Fjalla One', sans-serif;
	font-family: 'Baloo', cursive;
	font-family: 'Baloo Paaji', cursive; */

h1 {
	font-family: 'Baloo', cursive;
	font-size: 60px;
	text-align: left;

}

p {
	font-family: 'Fjalla One', sans-serif;
}

h5 {
	vertical-align: text-bottom;
}

.header p {

	color: white;
	font-size: 82px;
	text-align: center;
	padding-left: 700px;
	padding-top: 300px;
	font-family: 'desdemona', cursive;
}

.nav {
  margin: 0;
  padding-top: 10px;
  padding-right: 20px;
  list-style: none;
  position: fixed;
  top: 25px;
  right: 50px;
  left: 50px;
  text-align: right;
  background-color: #547fa0;
  height: 30px;

}

.nav li {
  display: inline-block;
  margin-left: 20px;

}

.nav a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;

}



.page {
	min-height: 1000px;
	border: 5px solid #172131;;
}

#page1 {
	background-image: url(../img/kurt-vonnegut-cover.jpg);
	background-size:cover;
	background-color: black;

}

#page2 {
	padding-top: 20px;
	padding-left: 50px;
	text-align: center;
	background-color: #94b4b1;
	border: none;

	
}

#page3 {
	padding-left: 50px;
	background-image: url(../img/bg.jpg);
  text-align: center;

}

#page4 {
  background-color: #94b4b1;
	padding-left: 50px;
	padding-top: 20px;
}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	display: inline-block;
	padding: 10px;
}
	/* flip the pane when hovered */
/*.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);

	}*/

	.flipcard, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 400px;
	height: 600px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	background-color: #547fa0;
	padding: 15px;
	border: 3px solid black;
	overflow: inherit;
	font-family: 'Fjalla One', sans-serif;
	color: white;
}

.figcaption {
	background-color: Yellow;
	vertical-align: bottom;
	font-size: 18px;
	font-weight:bold;
	color: black;
	font-family: 'Fjalla One', sans-serif;
	width: 150px;
	padding: 8px;
    position: absolute;
    top: 400px;
}

 /*.cards {
    margin: 0;
    padding: 0;
    list-style: none;
	width: 33%;


  }*/

  .cards img {
    max-width: 100%;
    height: auto;
  }

  .cards li {
    width: 400px;
    display: inline-block;
    margin: 5px;
    position: relative;
  }

  .cards p {
    text-align: left;
  }

  .cards h3 {
    background-color: yellow;
    padding: 8px;
    font-size: 14px;
    position: absolute;
    top: 20px;
  }

	.mySlides {
	display: block;
	margin: auto;
    width: 50%;
    border: 3px solid #94b4b1;
    padding: 10px;
	margin-left: 400px;
}

.main {
	display: block;
	margin: auto;
    width: 50%;
    border: 3px solid #94b4b1;
    padding: 10px;


}

h2 {
	font-family: 'Anton', cursive;
	font-size: 30px;
	text-align: left;
	color: #6c3f42
}

.form {
  background-color: #94b4b1;
  width: 700px;
  padding-left: 33%;
}

.survey {
	background-color: #233f67;
	align: center;
}
