/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  
  background-color: #111111;
  color: #ededed;
  font-family: "Times New Roman", Times, serif;
 max-width: 800px;     /* Set the maximum width to 800 pixels */
    width: 100%;          /* Allow the width to be responsive */
    margin: 0 auto;       /* Center the container horizontally */
}

a {
    color: white; 
    text-decoration: none;
}

a:hover {
    color: #EAB8E4;
}


a:visited {
    color: #D3D3D3; 
}


a:active {
    color: #C28DD6;
}

p {
    line-height: 2; /* Sets the line height to double space */
}

h1 {
  font-size: 48px;
  text-align: center;
  margin-top: 20px;
}
.short-story {
    text-indent: 3em; /* Indent the first line of each 'paragraph' */
    margin-bottom: 1em; /* Space between paragraphs */
    white-space: pre-wrap; /* Preserve whitespace and line breaks */
    line-height: 2; /* Sets the line height to double space */
}
.poetry {
    text-indent: 3em; /* Indent the first line of each 'paragraph' */
    margin-bottom: 1em; /* Space between paragraphs */
    white-space: pre-wrap; /* Preserve whitespace and line breaks */
    line-height: 2; /* Sets the line height to double space */
}
img {
    max-width: 100%;      /* Set maximum width to 100% of the container /
    max-height: 500px;    / Set maximum height to 500px /
    height: auto;         / Maintain aspect ratio /
    width: auto;          / Allow width to adjust automatically /
    display: block;       / Make the image a block-level element /
    margin: 0 auto;      / Center the image horizontally */
}