html
<style>
  * {
    box-sizing: border-box;
  }
  body {
    background-color: #ff00ff;
    font-family: -apple-system, system-ui-width, Arial, sans-serif;
  }
  .text {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #00ff00;
  }
  .border {
    border: 4px solid #000000;
  }
  .drop {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
</style>

<div class="border">
  <h1 class="text">Neon Disco Party</h1>
  <div class="drop">
    <h2 class="text">Welcome, Space Ravers!</h2>
    <p class="text">Gather 'round the galaxy for the most out-of-this-world dance party!</p>
    <a href="/subpages/neon-disco-party/playlist">See the Cosmic DJ Lineup</a>
  </div>
  <div class="drop">
    <h2 class="text">Funky Fashion</h2>
    <p class="text">Don your most dazzling disco attire: platform shoes, polyester, and polyester suits galore!</p>
    <a href="/subpages/neon-disco-party/fashion-show">Browse the Groovy Wardrobe</a>
  </div>
  <div class="drop">
    <h2 class="text">Galactic Eats</h2>
    <p class="text">Satisfy your extraterrestrial cravings with our stellar menu!</p>
    <a href="/subpages/neon-disco-party/food-court">Discover the Intergalactic Cuisine</a>
  </div>
  <div class="drop">
    <h2 class="text">Cosmic Contests</h2>
    <p class="text">Compete for the galaxy's top disco title: best dance moves, most outrageous outfit, and more!</p>
    <a href="/subpages/neon-disco-party/contests">Enter the Galactic Dance-Off</a>
  </div>
  <a href="/neon-disco-party">Back to the Party</a>
</div>