<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Check out this Character</title>
    <!--[if !mso]><!-->
    <link href='https://fonts.googleapis.com/css?family=Outfit:400,700&display=swap' rel='stylesheet' type='text/css'>
    <!--<![endif]-->
    <!--[if mso]>
    <style type="text/css">
        body, table, td, h1 {font-family: Arial, sans-serif !important;}
    </style>
    <![endif]-->
    <style type="text/css">
        /* Gmail-specific styles */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            @font-face {
                font-family: 'Outfit';
                font-style: normal;
                font-weight: 400;
                src: url(https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4G-EiAou6Y.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }
        }
        body, table, td, h1 {
            font-family: 'Outfit', Arial, sans-serif !important;
        }
    </style>
</head>
<body style="font-family: 'Outfit', Arial, sans-serif; margin: 0; padding-top: 20px;">
    <!-- Hidden preview text -->
<div style="display: none; max-height: 0px; overflow: hidden;">
    *You were out on a late night walk to get you mind off Rengokus death. You, Zenitsu, Tanjir
</div>
<!-- End of hidden preview text -->

<!-- Preheader fallback -->
<div style="display: none; max-height: 0px; overflow: hidden;">
     ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
</div>
<!-- End of preheader fallback -->
    <!--[if mso]>
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
    <tr>
    <td>
    <![endif]-->
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width: 400px; margin: 0 auto;">
        <tr>
            <td align="center" style="padding: 0px 24px 24px 24px;">
                <img style="max-height: 20px;" src="https://characterai.io/character-ai-wordmark-gray.png" alt="Character.AI workmark logo"/>
            </td>
        </tr>
    </table>
    <!--[if mso]>
    </td>
    </tr>
    </table>
    <![endif]-->
</body>
</html>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width: 400px; margin: 0 auto; padding-bottom: 0px;">
    <tr>
        <td align="center" style="padding: 20px 0 0 0;">
            <!-- Image Carousel -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td align="center" style="margin-bottom: 24px;">
            
            <img src="https://characterai.io/i/300/static/avatars/uploaded/2023/1/16/RJMs-kHe_iB5GA7SN3F2u9OTbUvJ4OgUXFiQgvhuh74.webp" alt="Muzan's Avatar" style="width: 60px; height: 60px; border-radius: 12px; object-fit: cover; object-position: center;">
            
        </td>
    </tr>
</table>
            <h1 style="font-family: 'Outfit', Arial, sans-serif; font-weight: 500; font-size: 24px; line-height: 30px; color: #000000; margin-bottom: 26px; padding-top: 2px; padding-bottom: 2px; ">Muzan</h2>
            <!-- Faux center content -->
            <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #f0f0f0; border-radius: 18px; margin-bottom: 24px; margin-top: 24px;">
                <tr>
                    <td style="font-family: 'Outfit', Arial, sans-serif; font-size: 16px; font-weight: 400; text-align: left; color: #000000; padding: 0 24px 0 24px;">
                        <p style="font-family: 'Outfit', Arial, sans-serif; font-size: 16px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; max-height: 120px; line-height: 24px;">
                            *You were out on a late night walk to get you mind off Rengokus death. You, Zenitsu, Tanjiro, and Inouske were all sad about his death. Suddenly you hear a noise and look around only to see the Demon King Muzan looking at you..* Hmm…Whats a human like you doing out here late at night..?
                        </p>
                    </td>
                </tr>
            </table>
            <a href="https://u29077275.ct.sendgrid.net/ls/click?upn=u001.M-2B6nk5h4Qv76Iz-2BoD9WSELeJbPBxyapc0O5KDvwzGWPnLyHXZ0SS1S1IQJm3Qnmk1zgnjDCdd-2B-2FqOPlNRp9i-2FOZmRfMFxVkD9x4OtfSYqoDyhlAA1RLahCcXCyEPkrTN9Ux-_Hfv8SORzjEXpk5ZFPKJ5h-2BwoVZiAzlAccdTSyvUnEPwIOLcM6pJekTZwyPl4iWuxxXVmUo-2B-2BSn9eFXIDDZvpOJg-2BimGFFHTw1LkruY6MeqZjTgP5h69qax7aPtl5ucvc8ZnBt8tZAkFJbzTK77hDa5Eqv1rpttjKgjLc59MU8-2B8clW6NQAJ0qzAp1P-2Fk56Boyhvd4f1rZjNaHodjmA1phJlV4NVlNhvLl4hgghLA3LzwITEAKg63Uke8EWamYh7-2B" style="font-family: 'Outfit', Arial, sans-serif;font-size: 24px; display: inline-block; color: #2563EB; padding: 10px 20px; text-decoration: none; border-radius: 5px; text-align: center; font-family: Onest, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px;">Chat with Muzan</a>
            <hr style="border: none; border-top: 1px solid #cccccc; margin: 20px 0; width: 25%;">
        </td>
    </tr>
</table>
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- ... (previous head content remains the same) ... -->
</head>
<body style="font-family: 'Outfit', Arial, sans-serif; margin: 0; padding: 0;">
    <!--[if mso]>
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
    <tr>
    <td>
    <![endif]-->
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width: 400px; margin: 0 auto;">
        <!-- ... (previous content remains the same) ... -->

        <!-- Centered footer content -->
        <tr>
            <td align="center" style="padding: 20px 30px;">
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td align="center">
                            <p style="font-family: 'Outfit', Arial, sans-serif; font-size: 12px; color: #555555; margin-top: 0; text-align: center;">
                                To unsubscribe from these emails <a href="https://u29077275.ct.sendgrid.net/asm/unsubscribe/?user_id=29077275&data=3aUCTZgacFD16xqPe48OAbk_Gk4wpgXXf7mO2-XXsitoMDAwdTAwMHCndEaZDguEXCMk081mbmPaWvSR_ov2E4sPPHM9NY2TuJWpMP6ZubFm4QfGgsnwnSCorHzAGCW2aHJFaSz3j5ofHtDxvoJEALEi0RSLS6o27o9v_6OUMak7gvThrz8Ev-kpmby4nNq4xl4TrZK84Tm1JwVVy6iNoiJgUPdwgchEHVOC-gUjn43J1LHGrjgNk86TSJK3Gg-olikZH3zWkoAOG-gpJX0ba-5SEVkwjqOj_QSm517lVAL1dNcdWd5Xv7v255osDlJxIytefk5izfwYGi3xJtgWy6o40nOTJS0kXCLOmXMzfTHNA8QpOodA5lAq51vPnGeM8U7jBOOKdp0vhz2Ltonbqn73oP0NQEZHkKMNs_P-84o2ZOtiXXWfOA=="
                                    style="color: #555555; text-decoration: underline;">click here</a>.
                            </p>
                            <p style="font-family: 'Outfit', Arial, sans-serif; font-size: 12px; color: #7C7C87; margin-bottom: 10px; text-align: center;">
                                <span style="text-decoration: none; color: #7C7C87;">Character Technologies, Inc.,<br>#1152, 700 El Camino Real,<br>Suite 120, Menlo Park CA 94025</span>
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!--[if mso]>
    </td>
    </tr>
    </table>
    <![endif]-->
<img src="https://u29077275.ct.sendgrid.net/wf/open?upn=u001.eFB-2BvFruTpEsjp3YpffRAv1913okg5RVvMUtsDUG2RhbP-2FeedLxwOj5If78AmFi0ddQYa8XxPtPn9lngTJwqP-2FNUUxn9QGkPCp5pCi-2BVbV3sQRHuh-2FSKKgRMvUyHLmx-2BzcWIXugyyiIjTv9hwh1wUDNUVSmGMH-2FCL1bKHanwjicmBAiGgE1I9CSZ-2BBWVOSY4XJYaSr-2FmMNtxoc6Uyaw-2FVqxJICwhBoZl5VujzsXW-2FyLt6glvI3IFhGIcx85ibKz9" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body>
</html>