html
<style>
  body {
    background: #f5f5dc;
    font-family: Arial, sans-serif;
  }
  h1 {
    font-size: 36px;
    text-align: center;
    color: #ff69b4;
    border-bottom: 4px solid #000;
  }
  p {
    font-size: 24px;
    color: #333;
  }
  a {
    text-decoration: none;
    color: #00698f;
  }
  a:hover {
    text-decoration: none;
  }
  .shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
</style>

<div class="shadow">
  <h1>Sleepytime Sleep Stories</h1>
  <p>Welcome to Sleepytime, where the only thing more exhausting than sleep is trying to stay awake.</p>
  <p>Here are some sleep stories to make you laugh, cry, and drool:</p>
  <ul>
    <li><a href="/books/sleepytime/sleep-stories/snoozle-the-chronicles">Snoozle the Chronicles</a></li>
    <li><a href="/books/sleepytime/sleep-stories/sleepy-magazine">Sleepy Magazine: The Dream Edition</a></li>
    <li><a href="/books/sleepytime/sleep-stories/pillow-talk">Pillow Talk: The Soap Operas of Slumber</a></li>
  </ul>
  <p>Don't forget to follow us on <a href="/books/sleepytime/sleep-stories/subscribe">Subscribe</a> for more sleep-tastic updates!</p>
</div>