body { font-family: Arial, sans-serif; margin: 0; padding: 0; transition: background-color 0.3s, color 0.3s; min-height: 100vh; display: flex; flex-direction: column; } header { background-color: #f8f8f8; padding: 10px 20px; border-bottom: 1px solid #ddd; position: sticky; top: 0; z-index: 100; } .controls { text-align: center; } .controls button { margin: 5px; padding: 8px 12px; cursor: pointer; } main { flex: 1; padding: 20px; } #ebook-content { max-width: 600px; margin: 0 auto;
Black & White
footer { background-color: #f8f8f8; padding: 10px 20px; border-top: 1px solid #ddd; text-align: center; } footer p { margin: 0; font-size: 14px; } footer a { color: #007bff; text-decoration: none; } footer a:hover { text-decoration: underline; } .dark-mode { background-color: #222; color: #fff; } .dark-mode header, .dark-mode footer { background-color: #333; border-color: #444; } .dark-mode footer a { color: #4da8ff; }