body {
  max-width: 40em;
  margin: 0 auto;
  padding: 5px;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.6em;
  color: black;
}

h1, h2, h3, h4 {
  font-family: sans-serif;
  font-weight: normal;
  font-variant: small-caps;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

h1 a:link {
  color: black; /* Replace with your desired color value */
}
h1 a:visited {
  color: black; /* Replace with your desired color value */
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

table {
  width: 100%;
}

#tags {
  font-style: italic;
}

/* CSS for the collapsible text area */
  .collapsible {
    cursor: pointer;
    border: none;
    background-color: transparent;
    outline: none;
  }

  .collapsible-content {
    display: none;
    overflow: hidden;
  }

  /* CSS for the arrow icon */
  .arrow {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
  }

  .arrow.active {
    transform: rotate(135deg);
  }