body {
background-color : #ffe6cc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
line-height : normal;
}

body, td, th {
color : #663300;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
}

h1 {
color : #663300;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : large;
font-weight : bold;
font-style : normal;
}
h2 {
color :  #663300;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : bold;
font-style : normal;
}

h3 {
color :  #663300;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
font-style : italic;
text-align: center;
}

h4 {
color : 4d2600;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
font-style : italic;
text-align: center;
}

h5 {
color : 4d2600;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
font-weight : lighter;
font-style : normal;
}

h6 {
color : #CC0000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
font-weight : lighter;
font-style : normal;
}
a {
color : #003366;
}

.note {
  font-size: 0.9rem;
  font-style: italic;
  margin: 1em 0;
  padding-left: 0.8em;
  border-left: 3px solid #999;
}



img {
  width: 600px;
  height: auto;
  border: 2px solid #994d00;
  border-radius: 10px;
}

/* Center images with captions */
figure {
  text-align: center;        /* Centers the content */
  margin: 2em 0;             /* Vertical spacing */
}

figure img {
  max-width: 100%;           /* Ensures responsiveness */
  height: auto;
  border: 2px solid #994d00; /* Keep your existing border */
  border-radius: 10px;       /* Rounded corners */
}

figure figcaption {
  font-weight: bold;         /* Bold caption text */
  margin-top: 0.5em;
  font-style: normal;        /* Override italic if using h4 before */
  color: #663300;            /* Match your headings */
}

/* Footer styling */
footer {
  font-size: 0.9em;
  color: #555;
  text-align: center;
  margin-top: 2em;
}

ul {
    list-style: none;
    padding-left: 10px;
}

ul li::before {
    content: '~';
    color: black;
    font-size: 20px;
    margin-right: 5px;
}

/* Media query for screens smaller than 600px */
@media (max-width: 600px) {
  img {
    width: 100%;
  }
}