html,
body {
  height: 100%;
}

body {
  background: #0d0f14;
  color: #e9ecef;
}

a {
  color: #9ec5fe;
}

a:hover {
  color: #cfe2ff;
}

.navbar {
  background: #0b0d12;
}

.card {
  background: #121622;
  border-color: rgba(255, 255, 255, 0.08);
}

.card-title {
  color: #f8f9fa;
}

.text-muted {
  color: rgba(233, 236, 239, 0.65) !important;
}

.comic-cover {
  width: 100%;
  height: 320px;
  object-fit: cover;
  background: #000;
}

.chapter-cover {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background: #000;
}

.reader-container {
  max-width: 1100px;
}

.comic-page {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
  height: auto;
  background: #000;
}

.page-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}