html
<style>
  body {
    font-family: Arial, sans-serif;
    background-color: #f7f7f7;
  }
  .header {
    background-color: #ff0000;
    color: #000000;
    font-weight: bold;
    padding: 10px;
    border: 4px solid #000000;
  }
  .content {
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    border: 4px solid #000000;
    padding: 10px;
  }
  .footer {
    background-color: #000000;
    color: #ff0000;
    padding: 10px;
  }
  .link {
    text-decoration: none;
    color: #000000;
  }
  .link:hover {
    background-color: #000000;
  }
  .drop-shadow {
    box-shadow: 0px 0px 10px #000000;
  }
  .bold {
    font-weight: bold;
  }
</style>

<div class="header">
  <h1 class="bold">Procrastination Station</h1>
  <p class="drop-shadow">Welcome to the Procrastination Station, where the trains run on a different kind of fuel: excuses.</p>
  <p>Here, you'll find a never-ending loop of videos that will make you wonder why you even got out of bed this morning.</p>
  <p class="drop-shadow"><a href="/InfiniteVideoLoop/MoreVids" class="link">More Videos</a></p>
</div>

<div class="content">
  <h2 class="bold">Current Loop Status:</h2>
  <p>We're currently stuck on loop 345, which features a 24-hour marathon of cat videos.</p>
  <p>Don't worry, we're sure it's not as boring as it sounds.</p>
  <p class="drop-shadow">Last updated 10 minutes ago.</p>
</div>

<div class="footer">
  <p class="drop-shadow">Procrastination Station: Because who needs productivity, anyway?</p>
</div>