body {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  max-width: 900px;
  margin: 24px auto;
  padding: 0 16px;
}
button, input, select, textarea, .btn {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}
header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
a { text-decoration: none; }
nav {
  display: flex;
  justify-content: center;   /* centers horizontally */
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 20px 0;
}
button, .btn { padding: 8px 12px; border: 1px solid #ccc; background: #fff; border-radius: 8px; cursor:pointer; }
button:disabled { opacity: 0.5; cursor:not-allowed; }
h1 { font-size: 22px; margin: 0; }
#comicTitle { margin-top: 18px; font-size: 20px; }
#comicWrap { text-align:center; }
#comicImg { max-width: 100%; height: auto; border-radius: 10px; }
footer { margin-top: 24px; font-size: 14px; color: #555; }
ul { line-height: 1.8; }

.bottom-nav {
  margin-top: 40px;
}