/*You can change the hexidecimal number to change the colors on your nonlinear story.  
You can also change the font family, font sizes, font styles, or alignments*/
div
{
	width: 75%;
	margin: 0 auto;
}
/*overall style*/
body {
	background: #caf7ae; /*to change, look up color codes on Kuler or photoshop*/
	font-family: Bookman, "URW Bookman L", serif; /*to change, look up other font families*/
}

body.games {
	background: #4eb5f4; /*to change, look up color codes on Kuler or photoshop*/
	font-family: Tahoma, Geneva, sans-serif; /*to change, look up other font families*/
}

body.wrong {
	background: #f44e9c; /*to change, look up color codes on Kuler or photoshop*/
	font-family: Tahoma, Geneva, sans-serif; /*to change, look up other font families*/
}

body.right {
	background: #f6ffb5; /*to change, look up color codes on Kuler or photoshop*/
	font-family: Tahoma, Geneva, sans-serif; /*to change, look up other font families*/
}
/*heading style*/
h1 {
	font-family: "Snell Roundhand", cursive;
	color: #0E0E0D; 
	text-align: center; 
	font-size: 32px; /*you can change all font sizes by changing the pixels*/
	font-weight: bold;
}

h1.r {
	font-family: Times, "Times New Roman", serif;
	text-align: center; 
	font-size: 32px; /*you can change all font sizes by changing the pixels*/
	font-weight: bold;
}
/*image style*/
img {
	width:600px; /*change width of image*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:#0E0E0D; 
}
/*paragraph style*/
p {	
	font-size: 20px;
	text-align: center; /*may change this to left, right or center*/
	color: #0E0E0D; /*change this to the hexidecimal number for the paragraph text color you prefer*/
	padding: 10px 0px;
	font-family: Bookman, "URW Bookman L", serif;
}
/*unvisited link style*/
a {
	color: #FF0078;
}
/*hovered over link style*/
a:hover {
	color: #67604B; 
}
/*visited link style*/
a:visited {
	color: #2116f0; 
}


/* Side-by-side image (use 25% for four, and 50% for two, 33.33% for three, etc) */
.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 20px;
}



.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.fade-in-text {
	font-family:'Courier New', Courier, monospace;
	font-size: 150px;
	animation: fadeIn 5s;
}

@keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1;}

}