body {
        margin: 0;
        font-family: "Titillium Web", serif;
        background-color: black;
        overflow: hidden;
        color: white; 
      }

      .header {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 10; /* Aseguramos que esté por encima del canvas */
      }

      .header h1 {
        margin: 0;
        font-size: 50px;
      }

      .poetic-text-container {
        position: absolute;
        top: 100px;
        left: 20px;
        z-index: 10; /* Aseguramos que esté por encima del canvas */
        max-width: 80%;
      }

      .poetic-text-container p {
        margin: 0;
        font-size: 16px;
        line-height: 1.5;
        color: white; /* Aseguramos que el color sea blanco */
      }

      .footer-left {
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 10; /* Aseguramos que esté por encima del canvas */
      }

      .btn {
        background-color: #333;
        color: white;
        border: none;
        padding: 10px 20px;
        margin-right: 10px;
        cursor: pointer;
        font-size: 14px;
      }

      .btn:hover {
        background-color: #555;
      }

      .iframe-container {
        position: relative;
        z-index: 0; /* Aseguramos que el canvas quede detrás del texto */
      }