<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Day of the Dead - Speech Script</title>
  <style>
    @page {
      size: letter;
      margin: 0;
    }
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #1a0b2e;
      color: #ffffff;
      margin: 0;
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      box-sizing: border-box;
    }
    .card {
      background: #25133a;
      border: 4px solid #ff9f1c;
      border-radius: 20px;
      padding: 40px;
      max-width: 650px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.5);
      position: relative;
      overflow: hidden;
    }
    /* Decoración de Cempasúchil (Flores en las esquinas) */
    .flower {
      position: absolute;
      width: 80px;
      height: 80px;
      background: radial-gradient(circle, #ffbf00 20%, #ff7700 60%, #e65c00 100%);
      border-radius: 50%;
      box-shadow: 0 0 15px #ff9f1c;
    }
    .flower::before, .flower::after {
      content: "";
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background: inherit;
      border-radius: 50%;
      transform: rotate(30deg);
    }
    .flower::after {
      transform: rotate(60deg);
    }
    .top-left { top: -30px; left: -30px; }
    .top-right { top: -30px; right: -30px; }
    .bottom-left { bottom: -30px; left: -30px; }
    .bottom-right { bottom: -30px; right: -30px; }

    h1 {
      color: #ff9f1c;
      text-align: center;
      font-size: 26px;
      margin-bottom: 25px;
      text-transform: uppercase;
      letter-spacing: 2px;
      border-bottom: 2px dashed #ff7700;
      padding-bottom: 10px;
    }
    p {
      font-size: 18px;
      line-height: 1.6;
      color: #f1f1f1;
      margin-bottom: 20px;
      text-align: justify;
    }
    .footer-note {
      text-align: center;
      font-size: 14px;
      color: #ffbf00;
      margin-top: 30px;
      font-style: italic;
    }
  </style>
</head>
<body>

  <div class="card">
    <div class="flower top-left"></div>
    <div class="flower top-right"></div>
    <div class="flower bottom-left"></div>
    <div class="flower bottom-right"></div>

    <h1>🌼 Day of the Dead Speech 🌼</h1>

    <p>Hello everyone! Today I want to talk about Day of the Dead. In my family, we do not put an altar at home, but I really like this tradition in my community.</p>

    <p>During these days, my town is very beautiful and colorful. The streets have orange cempasúchil flowers, and you can smell fresh pan de muerto from the bakeries. People make big altars in schools, parks, and streets. Many kids paint their faces like Catrines and Catrinas.</p>

    <p>I like to walk with my family in the streets. We like to listen to music, watch the decorations, and eat delicious food. It is a very happy time for everyone in my city.</p>

    <p>Day of the Dead is about love, tradition, and family. It shows that we always remember the people we love. Thank you very much for listening!</p>

    <div class="footer-note">✨ 2-Minute Speaking Script ✨</div>
  </div>

</body>
</html>
