body {
    font-family: Verdana, sans-serif;
    background-color: #d0efef;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, serif;
    /* color: #0f2ba758; */
    color: black;
}
h1 {
    text-align: left;
}
h2 {
    border-top: solid 2px gray;
    
    padding-top: 1em;
}
em {
    font-weight: bold;
    font-size: 120%;
}
.firstLetter {
    font-size: 250%;
    font-family: Georgia, serif;
    color: black;
}
#firstStory {
    color: #361ac1;
}
#navigation { 
    font-family: Georgia, serif; font-size: 100%; 
    border-top: solid 2px #4E0102;  
    border-bottom: solid 2px #4E0102; 
}
li { 
    display: inline; 
    list-style-type: none;
}

a:link, a:visited, a:active { 
    color: #17037A; text-decoration: none; font-weight: bold; 
    } 
    a:hover { 
    color: #17037A; text-decoration: underline; font-weight: bold; 
    } 
    .current { 
    text-decoration: underline; font-weight: bold; 
    }
    #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    cursor: pointer;
    display: none;
    border: none;
    background: var(--button-bg, #000);
    color: var(--button-color, #fff);
    border-radius: 4px;
    transition: opacity 0.3s;
    opacity: 0;
  }
  #back-to-top.visible {
    display: block;
    opacity: 1;
  }
  #dark-mode-toggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: var(--button-bg, #000);
    color: var(--button-color, #fff);
    border-radius: 4px;
    font-size: 16px;
  }
  .dark-mode {
    background-color: var(--dark-bg, #111);
    color: var(--dark-color, #eee);
  }

  #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    cursor: pointer;
    display: none;
    border: none;
    background: var(--button-bg, #000);
    color: var(--button-color, #fff);
    border-radius: 4px;
    transition: opacity 0.3s;
    opacity: 0;
  }
  #back-to-top.visible {
    display: block;
    opacity: 1;
  }
  #dark-mode-toggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: var(--button-bg, #000);
    color: var(--button-color, #fff);
    border-radius: 4px;
    font-size: 16px;
  }
  .dark-mode {
    background-color: var(--dark-bg, #111);
    color: var(--dark-color, #eee);
  }