body {
  margin:0;
  font-family: Arial, sans-serif;
  background: linear-gradient(-45deg,#1d2b64,#f8cdda,#1d2b64);
  background-size:400% 400%;
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.ticker {
  background:black;
  color:white;
  padding:10px;
  white-space:nowrap;
  overflow:hidden;
  animation: scroll 15s linear infinite;
}

@keyframes scroll {
  0%{transform:translateX(100%)}
  100%{transform:translateX(-100%)}
}

.book {
  width:90%;
  height:90vh;
  margin:20px auto;
}

.page {
  padding:40px;
  background:white;
  background-size:cover;
  background-position:center;
  border-radius:10px;
}

.cover {
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.slideshow .slides {
  display:flex;
  gap:20px;
}

.slideshow img {
  width:30%;
  border-radius:10px;
}

.donate-btn {
  padding:15px 30px;
  background:black;
  color:white;
  border:none;
  font-size:18px;
  cursor:pointer;
}