.container {
    max-width: 800px;         
    margin: 40px auto;      
    padding: 30px;            
    border: 2px solid #173760;    
    border-radius: 10px;      
  }
  
body {
    font-family: Verdana, sans-serif;
    background-color: #e2e2e2;
    color:#173760
}
h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, serif;
    color: #760a19;
}
h1 {
     text-align: center;
}
h2 {
    padding-top: 1em;
    border-top: solid 2px #173760;
}
em {
    font-weight: bold;
    font-size: 120%;
}
blockquote {
    background: #F0ECEC;
    margin:1em;
    font-style: italic;
}
.firstLetter {
    font-size: 300%;
    font-family: Georgia, serif;
    color: #a86001;
}
.firstWord{
    text-transform: uppercase;
}

#navigation {
    font-family: Georgia, serif; font-size: 100%;
    border-top: solid 2px #173760;
    border-bottom: solid 2px #173760; }

li {
    display: inline; 
    list-style-type: none;
}

a:link, a:visited, a:active {
    color: #a86001; 
    text-decoration: none; 
    font-weight: bold; 
}
    a:hover {
    color: #760a19; 
    text-decoration: underline; 
    font-weight: bold;
} 

.current {
    text-decoration: underline; 
    font-weight: bold; 
}

.back-button {
    color:#173760 !important;
    font-size: 18px;
}

body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
    bottom: 20px;   
    right: 20px;
    padding: 10px;
  }
  
  body.dark-mode .container {
    background-color: #1e1e1e;
    border-color: #444;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
  }

  body.dark-mode a {
    color: #e2e2e2;
  }
  
  body.dark-mode .back-to-top {
    background-color: #333;
    color: #fff;
  }
  body.dark-mode .back-to-top:hover {
    background-color: #555;
  }

  body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #e0e0e0; 
    border-color: #bdd9ff;
}

body.dark-mode #navigation {
    border-top: solid 2px #bdd9ff; 
    border-bottom: solid 2px #bdd9ff;
}

body.dark-mode .firstLetter {
    font-size: 300%;
    font-family: Georgia, serif;
    color: #e2e2e2;
}

body.dark-mode .back-button {
    color:#bdd9ff !important;
    font-size: 18px;
}