body {
      font-family: Georgia, serif;
      line-height: 1.6;
      max-width: 800px;
      margin: auto;
      padding: 2em;
    }

    nav {
      background-color: #fff;
      color: #ccc;
      padding: 1em;
    }

    nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
    }

    nav ul li {
      margin: 0 1em;
    }

    nav ul li a {
      color: #555;
      text-decoration-line: underline;
      text-decoration-style: wavy;
      text-decoration-color: #ccc;
    }

    blockquote {
      margin-left: 2em;
      padding-left: 1em;
      border-left: 3px solid #ccc;
      color: #555;
    }

    hr {
      margin: 2em 0;
    }

    sup a {
      text-decoration: none;
    }

    .postscript {
      border-top: 1px solid #ccc;
      margin-top: 3em;
      padding-top: 1em;
    }

    .footnotes {
      border-top: 1px solid #ccc;
      margin-top: 3em;
      padding-top: 1em;
      font-size: 0.9em;
    }

    .footnotes ol {
      padding-left: 1.2em;
    }

    .footnotes li {
      margin-bottom: 0.8em;
    }

    .comment {
      border-radius: 25px;
      border: 2px solid #ccc;
      padding: 20px;
    }

    .purplebutton {
      background-color: #555;
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 16px;
    }

    #backToTopBtn {
      display: none;
      /* Hidden by default */
      position: fixed;
      /* Fixed position in the viewport */
      bottom: 30px;
      /* Distance from the bottom of the screen */
      right: 30px;
      /* Distance from the right of the screen */
      z-index: 99;
      /* Ensure it stays above other content */
      background-color: #555;
      /* Purple background */
      color: white;
      /* White text */
      border: none;
      padding: 15px 20px;
      /* Padding around the button */
      border-radius: 50px;
      /* Rounded button */
      font-size: 18px;
      /* Button text size */
      cursor: pointer;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      /* Shadow effect */
      transition: opacity 0.3s ease-in-out;
      /* Smooth transition */
    }

    #backToTopBtn:hover {
      background-color: #ccc;
      /* Darker purple when hovered */
    }

    /* Make the button visible when scrolling */
    #backToTopBtn.show {
      display: block;
      opacity: 1;
    }

    #backToTopBtn.hide {
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }