/*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: #da7f93; /*to change, look up color codes on Adobe Color, Cooler, or Photoshop*/
	font-family: Georgia, 'Times New Roman', Times, serif,; /*to change, look up other font families*/
	font-size: 25px;
}
/*heading style*/
h1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #A64646; 
	text-align: left; 
	font-size: 50px; /*you can change all font sizes by changing the pixels*/
	font-weight: bold;
}
/*image style*/
img {
	height:400px; /*change height of image*/
    display: block;
    margin: auto;
    border:5px solid #A64646; 
}

/*paragraph style*/
p {	
	font-size: 25px;
	text-align: left; /*may change this to left, right or center*/
	color: #334026; /*change this to the hexidecimal number for the paragraph text color you prefer*/
}
/*unvisited link style*/
a {
	color: #334026;
    text-align: center;
}
/*hovered over link style*/
a:hover {
	color: #647d4b; 
}
/*visited link style*/
a:visited {
	color: #647d4b; 
}
/*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: #334026;
	}

	.image-container {
  display: flex;
  justify-content: center; /* Centers images horizontally */
  gap: 10px; /* Adds space between images */
}

.image-container img {
  width: 25%; /* Adjust width as needed */
  height: auto; /* Maintain aspect ratio */
}