/*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*/

/*overall style*/
div {
    width: 75%;
	margin: 0 auto;
}

body {
	background: #BBC2DE; /*to change, look up color codes on Adobe Color, Cooler, or Photoshop*/
	font-family: Bookman, "URW Bookman L", serif; /*to change, look up other font families*/
}

body.nit {
	background: #334793;
}

body.end {
	background: #2f328d;
}

body.cd {
	background: #7b5656;
}




/*heading style*/
h1 {
	font-family: Times, "Times New Roman", serif;
	color: #595DF6; 
	text-align: center; 
	font-size: 32px; /*you can change all font sizes by changing the pixels*/
	font-weight: bold;
}
h1.exc {
	font-family: "Snell Roundhand", cursive;
	color: #595DF6;
}

h1.nite {
	color: #babcf8;
}

h1.cde {
	color:#7deaed;
}






/*image style*/
img {
	height:350px; /*change height of image*/
    display: block;
    margin: auto;
    border:3px solid #9082F5;
	/* float: right; */
}

img.face {
	height:350px; /*change height of image*/
    display: block;
    margin: auto;
    border:3px solid #ffffff;
	/* float: right; */
}




/*paragraph style*/
p {	
	font-size: 16px;
	text-align: center; /*may change this to left, right or center*/
	color: #017b8e; /*change this to the hexidecimal number for the paragraph text color you prefer*/
}

p.face {	
	font-size: 16px;
	text-align: center; 
	color: #00a4bd; 
}

p.twn {
	font-size: 12px;
	color: #d00311;
}

p.nt {
	color: #ffffff;
}

p.ss {
	text-align: right;
	color: #ffffff;
}

p.end {
	font-family: "Snell Roundhand", cursive;
	color: #595DF6; 
}


/*unvisited link style*/
a {
	color: #8299F5;
    text-align: center;
}
a.sub {
	color:#9af7c7;
}



/*hovered over link style*/
a:hover {
	color: #5DA6A8; 
}
a:hover.sub {
	color: #ff0022;
}



/*visited link style*/
a:visited {
	color: #B2125D; 
}

a:visited.sub {
	color: #f48dbd;
}






/*list styles*/
ul {
   display: block;
    margin:auto; 
    text-align: left;
	padding-left: 35%;
  	list-style-position: inside;
}

li {
	font-size: 16px;
	font-style:italic; 
	color: #FF0078;
	}



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

.column {
  flex: 50%;
  padding: 5px;
}