body {
  margin: 0;
  background-color: white;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
}

.dark-mode {
  background-color: rgb(37, 37, 37);
  color: white;
}

.topnav {
  overflow: hidden;
  background-color: #111111;
}

.topnav a {
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  line-height: 68px;
  text-decoration: none;
  font-size: 16px;
  transition: 0.5s;
}

.topnav a:hover {
  background-color: #ce3c3c;
  color: rgb(255, 255, 255);
}

.topnav a:active {
  background-color: #ac1313;
  color: white;
}

.logo {
  width: 100px;
  position: absolute;
  top: 10px;
  left: 12px;
}

.toggle-theme {
  background-color: #aa0404;
  border: none;
  color: white;
  padding: 15px 16px;
  cursor: pointer;
  position: absolute;
  left: 125;
  top: 9;
  text-align: center;
  font-size: 14px;
  transition: 0.3s;
}

.toggle-theme:hover {
  background-color: #5f0000;
}

.arrow {
  background-color: #aa0404;
  padding: 8px 16px;
  cursor: pointer;
  border: none;
  outline: none;
  color: white;
  transition: 0.3s;
}

.arrow:hover {
  background-color: #5f0000;
}

.return{
  background-color: #aa0404;
  color: white;
  padding: 15px 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.return:hover {
  background-color: #5f0000;
}

.chapter-list button {
  background-color: #aa0404; 
  border: none;
  color: white;
  padding: 10px 24px; 
  cursor: pointer;
  width: 15%;
  display: block;
  transition: 0.25s;
}

.chapter-list button:hover {
  background-color: #850101;
}

/*empty space*/
.placeholder {
  height: 70%;
}

/*empty space*/
.min-height {
  height: 5%;
}

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgb(146, 46, 46);
  color: white;
  cursor: pointer;
  padding: 15px;
  font-size: 18px;
}

#topBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

#footer{
  display: block;
  height: 10%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(20, 20, 20);
  color: white;
}