css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head>
<title>WYR: Things Get a Little Weird</title>
<style type="text/css">
v:* { behavior: url(#default#VML); display: inline-block; }
<style type="text/css">
/*-----mains BODY-----*/
.mains {
    font-size: 16px;
    color: #505E67;
    padding: 20px;
}
.mains .headline {
    font-size: 20px;
    color: #505E67;
    padding: 0;
    font-weight: 900;
    line-height: 1.5em;
}
.mains h1, h2, h3, h4, h5, h6 {
    font-size: 20px !important;
    color: #505E67 !important;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 900;
}
.mains .paragraph {
    font-size: 16px;
    color: #505E67;
    line-height: 1.5em;
}
.mains p {
    font-size: 16px !important;
    color: #505E67 !important;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5em !important;
    margin: 0;
    padding: 0;
}
 .mains a {
    color: #3498db;
}

/*-----ARTICLE-----*/
.article {
    font-size: 16px;
    color: #505E67;
    padding: 15px 0;
}
.article .headline {
    font-size: 20px;
    color: #505E67;
    padding: 0;
    font-weight: 900;
    line-height: 1.5em;
}
.article .paragraph {
    font-size: 16px;
    color: #505E67;
    margin: 5px 0;
    line-height: 1.5em;
}
.article img {
    padding: 5px;
    margin: 5px;
}
.article .text {
    padding: 12px;
}
.article .permalink {
    text-align: right;
}
.article a {
    color: #3498db;
}

/*-----OVERALL STYLES-----*/
body {
    max-width: 600px;
    margin:auto;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}
td {
    border-spacing: 0;
}
tr {
    border-spacing: 0;
}
table {
    max-width: 600px !important;
    border-spacing: 0 !important;
    border: none;
}
strong {
    font-weight: 700 !important;
}
.containerbox {
    width: 100%;
    max-width: 600px !important;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    background-color: #ffffff;
}
.coupon {
    padding: 12px;
}
a {
    color: #3498db;
}
img {
    height: auto !important;
    max-width: 100%;
}
/* Removes unwanted borders around hyperlinked images */
a img {
    border: 0;
    outline: none;
    text-decoration: none;
}
#aweber_rem {
    margin: 0 auto;
}
</style>
<style type="text/css">
    center > div {
        box-sizing: border-box;
}
</style>
<style type="text/css">
/*-----MEDIA QUERIES-----*/
/* -Smaller Mobile Devices- */
@media only screen and (min-width:10px) and (max-width: 500px) {
    .containerbox {
        width: 100% !important;
        margin: auto;
        clear: both !important;
        display: block;
    }
    table {
        width: 100%;
    }
    .headline {
        font-size: 22px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .paragraph {
        font-size: 18px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    img {
        height: auto !important;
        max-height: 300%;
        max-width: 100%;
    }
    .share img {
        width: 20px !important;
        height: auto !important;
        display: inline-block;
    }
    td {
        width: 100% !important;
        float: left;
        display: block !important;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    .mains {
        padding: 0 !important;
    }
}
</style>
</head>
<body>

<center>
<div align="center"><div class="containerbox" style="width: 100%; max-width: 600px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; background-color: rgb(255, 255, 255);">
  <center>
    <!--[if !mso]><!--><table bgcolor="#fff" cellpadding="0" cellspacing="0" class="aw-bgc" style="width: 100%; font-family: Helvetica, Arial, sans-serif; font-weight: 400; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;"><!--<![endif]-->
    <!--[if gte mso 9]><table bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="aw-bgc" width="600" style="font-family: Helvetica, Arial, sans-serif; font-weight: 400; "><![endif]-->
    <!--Body-->
    <tbody><tr style="border-spacing: 0px;">
      <td width="100%" style="border-spacing: 0px;">
        <table align="left" cellpadding="0" cellspacing="0" class="aw-bgc" width="100%" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none; background-color: rgb(255, 255, 255);">
          <tbody><tr style="border-spacing: 0px;">
            <td class="mains" style="padding: 20px; text-align: left; border-spacing: 0px;">
              <div class="region"><div aw-contents="1"><table class="row" style="width: 100%; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation"><tbody><tr aw-contents="1" style="border-spacing: 0px;"><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 33%; border-spacing: 0px;" aw-contents="1" width="33%" valign="top"><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div style="text-align:center"><span style="font-size:14px">If you're digging these, consider sharing a <a data-cke-saved-href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=w4XL0_aF.kyfeHQ71fLEPA" href="#" style="color: rgb(52, 152, 219);" class="validating" target="_blank">link to signup</a> or&nbsp;forwarding&nbsp;to&nbsp;a&nbsp;friend</span><span style="font-size:10px">​​​​​​​.</span></div></div></div></div></td></tr></tbody></table><table class="row" style="width: 100%; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation"><tbody><tr aw-contents="1" style="border-spacing: 0px;"><td aw-attributes="width,valign" class="container" style="padding: 0px; width: auto; border-spacing: 0px;" aw-contents="1" width="auto" valign="top"><div class="definition-parent">
  <div class="divider">
    <table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
      <tbody><tr style="border-spacing: 0px;">
        <td style="padding: 10px 0px; border-spacing: 0px;">
          <table style="border-spacing: 0px; max-width: 600px; border-width: medium; border-style: none;" width="100%" role="presentation">
            <tbody>
              <tr style="border-spacing: 0px;">
                <td style="border-collapse: collapse; border-top: 1px solid rgb(250, 148, 125); font-size: 4px; border-spacing: 0px;">&nbsp;</td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody></table>
  </div>
</div><div class="definition-parent"><span><table align="center" width="100%" class="floated-none" style="float: none; text-align: center; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation">
  <tbody><tr style="border-spacing: 0px;">
    <td style="padding: 0px 0px 12px; border-spacing: 0px;">
      
      <img align="center" class="model" border="0" aw-attributes="src,alt,width,height" style="margin: auto; width: 120px; height: auto; max-width: 100%;" src="https://hostedimages-cdn.aweber-static.com/OTc2MTMx/original/0a818822ccc144149cde6343fd59f78a.png" alt="Would you rather logo" width="120" height="60">
      
    </td>
  </tr>
</tbody></table></span></div><div class="definition-parent"><span><table align="center" width="100%" class="floated-none" style="float: none; text-align: center; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation">
  <tbody><tr style="border-spacing: 0px;">
    <td style="padding: 0px 0px 12px; border-spacing: 0px;">
      
      <img align="center" class="model" border="0" aw-attributes="src,alt,width,height" style="margin: auto; width: 560px; height: auto; max-width: 100%;" src="https://hostedimages-cdn.aweber-static.com/OTc2MTMx/original/8d2658e98fd043bcb98ab2fea5b3dc2c.gif" alt="8 eyes or an elephant trunk." width="560" height="332">
      
    </td>
  </tr>
</tbody></table></span></div><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div><div style="text-align:center"><br></div><div style="text-align:center"><span style="font-size:22px">Would you rather have:</span></div><div style="text-align:center"><span style="font-size:22px">​​​​​​​</span></div></div></div></div></div></td></tr></tbody></table><table class="row" style="width: 100%; max-width: 600px; border-spacing: 0px; border-width: medium;
border-style: none;" role="presentation"><tbody><tr aw-contents="1" style="border-spacing: 0px;"><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 33%; border-spacing: 0px;" aw-contents="1" width="33%" valign="top"><div class="definition-parent">
  <table class="aw-button" width="100%" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
    <tbody><tr style="border-spacing: 0px;">
      <td style="padding: 10px; border-spacing: 0px;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
          <tbody><tr style="border-spacing: 0px;">
            <td align="center" style="border-spacing: 0px;">
              <table border="0" cellspacing="0" cellpadding="0" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
                <tbody><tr style="border-spacing: 0px;">
                  <td align="center" style="border-radius: 5px; border-spacing: 0px;" bgcolor="#5EDAD4">
                    <!--[if mso]>&nbsp;<![endif]--><a href="#" target="_blank" style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: rgb(52, 152, 219); text-decoration: none; border-radius: 5px; padding: 8px 14px; border: 1px solid rgb(94, 218, 212); display: inline-block;"><span style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: #3F505A;">Eight eyes</span></a>
                    <!--[if mso]>&nbsp;<![endif]-->
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
        </tbody></table>
      </td>
    </tr>
  </tbody></table>
</div></td><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 33%; border-spacing: 0px;" aw-contents="1" width="33%" valign="top"><div class="definition-parent">
  <table class="aw-button" width="100%" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
    <tbody><tr style="border-spacing: 0px;">
      <td style="padding: 10px; border-spacing: 0px;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
          <tbody><tr style="border-spacing: 0px;">
            <td align="center" style="border-spacing: 0px;">
              <table border="0" cellspacing="0" cellpadding="0" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
                <tbody><tr style="border-spacing: 0px;">
                  <td align="center" style="border-radius: 5px; border-spacing: 0px;" bgcolor="#FFEA73">
                    <!--[if mso]>&nbsp;<![endif]--><a href="#" target="_blank" style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: rgb(52, 152, 219); text-decoration: none; border-radius: 5px; padding: 8px 14px; border: 1px solid rgb(255, 234, 115); display: inline-block;"><span style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: #3F505A;">An elephant trunk</span></a>
                    <!--[if mso]>&nbsp;<![endif]-->
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
        </tbody></table>
      </td>
    </tr>
  </tbody></table>
</div></td></tr></tbody></table><table class="row" style="width: 100%; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation"><tbody><tr aw-contents="1" style="border-spacing: 0px;"><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 33%; border-spacing: 0px;" aw-contents="1" width="33%" valign="top"><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div><br></div><div><span style="font-size:18px">For once I have no additional context. I just couldn't get this scenario out of my head. I've got my choice, but I can't wait to hear what you choose and why in the world you choose it!</span></div></div></div></div><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div><span style="font-size:22px">&nbsp;</span></div></div></div></div><div class="definition-parent">
  <div class="divider">
    <table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
      <tbody><tr style="border-spacing: 0px;">
        <td style="padding: 10px 0px; border-spacing: 0px;">
          <table style="border-spacing: 0px; max-width: 600px; border-width: medium; border-style: none;" width="100%" role="presentation">
            <tbody>
              <tr style="border-spacing: 0px;">
                <td style="border-collapse: collapse; border-top: 1px solid rgb(250, 148, 125); font-size: 4px; border-spacing: 0px;">&nbsp;</td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody></table>
  </div>
</div><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div style="text-align:center"><span style="font-size:18px">&nbsp;</span></div><div style="text-align:center"><span style="font-size:22px">Results from <a data-cke-saved-href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=wCLbGG14UglbOT8BO2Wk2w" href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=wCLbGG14UglbOT8BO2Wk2w" class="validating" style="color: rgb(52, 152,
219);" target="_blank">last time</a>:</span>​​​​​​​​​​​​​​</div><div style="text-align:center"><br></div></div></div></div><div class="definition-parent"><span><table align="center" width="100%" class="floated-none" style="float: none; text-align: center; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation">
  <tbody><tr style="border-spacing: 0px;">
    <td style="padding: 0px 0px 12px; border-spacing: 0px;">
      
      <img align="center" class="model" border="0" aw-attributes="src,alt,width,height" style="margin: auto; width: 400px; height: auto; max-width: 100%;" src="https://hostedimages-cdn.aweber-static.com/OTc2MTMx/original/059868abe9a340e497312245af6e7f51.jpeg" alt="74% bear with snakes for arms 26% sharks shooting bees" width="400" height="344">
      
    </td>
  </tr>
</tbody></table></span></div><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div><br></div><div><span style="font-size:18px">Waaay more people wanted to face the&nbsp;bear snake combo instead of team shark + bees. It seems like a lot of the discrepancy stemmed from the fact that people either thought the advantage that the shark would have in the water would be too unfair, or that the fact that the bear had snakes instead of claws would make it less able
to put together a focused attack.</span></div><div><br></div><div>Would it change your mind at all of the bear and its snake arms were a hive mind that was a perfectly coordinated fighting machine?</div><div><br></div><div>For what it's worth, I think I'd rather face the bear too.</div><div><br></div><div><u><span style="font-size:18px"><strong style="font-weight:700">Best Darn Responses</strong></span></u></div><div><br></div><div><strong style="font-weight:700"><span style="font-size:18px">Bear with snakes for arms.</span></strong></div><div style="border-left:2px solid #ffea73; font-size:18px; padding:5px 10px">It's easier to get away from a bear on land than a shark in water. And one of the most deadly parts of a bear is their claws, so swapping those out with snakes would make them a tad easier to face!</div><div><br></div><div style="border-left:2px solid #ffea73; font-size:18px; padding:5px 10px">I would literally rather do anything than actually see a
shark close to me haha</div><div><br></div><div style="border-left:2px solid #ffea73; font-size:18px; padding:5px 10px">Firstly we as humans are land mammals so it surely is a bit of an advantage to be on land than in water. Secondly the fact that the bear has snakes for arms means that it can’t use them for running and with that I have a bigger chance of getting away from it.</div><div><br></div><div><div><strong style="font-weight:700"><span style="font-size:18px">Shark that shoots bees from
its mouth.</span></strong></div><div style="border-left:2px solid #4fcdc4; padding:5px 10px"><span style="font-size:18px">Cause I'd beeee in a BOAT!!! with protective gear on!!! Oh my word, both of those scenarios gave me the heebeegeebeeeees.</span></div></div><div><br></div></div></div></div></td></tr></tbody></table><table class="row" style="width: 100%; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation"><tbody><tr aw-contents="1" style="border-spacing: 0px;"><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 20%; border-spacing: 0px;" aw-contents="1" width="20%" valign="top"><div class="definition-parent"><span><table align="left" width="" class="floated-left" style="display: inline; float: left; text-align: left; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation">
  <tbody><tr style="border-spacing: 0px;">
    <td style="padding: 0px 12px 12px 0px; border-spacing: 0px;">
      <a class="aw-image-link" href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=3sDOgINjbowYvqNDt2v1Dw" style="color: rgb(52, 152, 219);" target="_blank">
      <img align="left" class="model" border="0" aw-attributes="src,alt,width,height" style="margin: auto; width: 100px; height: auto; max-width: 100%; border-width: 0px; border-style: none; outline-width: medium; outline-style: none; text-decoration: none;" src="https://hostedimages-cdn.aweber-static.com/OTc2MTMx/original/c18cb8a8c3004cd2811da2d3b0351eae.png" alt="Chris" width="100" height="100">
      </a>
    </td>
  </tr>
</tbody></table></span></div></td><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 79%; border-spacing: 0px;" aw-contents="1" width="79%" valign="middle"><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div><span style="font-size:22px">Chris</span><br></div></div></div></div></td></tr></tbody></table><table class="row" style="width: 100%; max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;" role="presentation"><tbody><tr aw-contents="1" style="border-spacing: 0px;"><td aw-attributes="width,valign" class="container" style="padding: 0px; width: 33%;
border-spacing: 0px;" aw-contents="1" width="33%" valign="top"><div class="definition-parent">
  <div class="divider">
    <table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="max-width: 600px; border-spacing: 0px; border-width: medium; border-style: none;">
      <tbody><tr style="border-spacing: 0px;">
        <td style="padding: 10px 0px; border-spacing: 0px;">
          <table style="border-spacing: 0px; max-width: 600px; border-width: medium; border-style: none;" width="100%" role="presentation">
            <tbody>
              <tr style="border-spacing: 0px;">
                <td style="border-collapse: collapse; border-top: 1px solid rgb(250, 148, 125); font-size: 4px; border-spacing: 0px;">&nbsp;</td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody></table>
  </div>
</div><div class="definition-parent"><!--Paragraph-->
<div class="paragraph" style="font-size: 16px; color: rgb(80, 94, 103); line-height: 1.5em;"><div aw-variable="value"><div><span style="font-size:18px"><span style="font-size:18px">Check out previous editions <a data-cke-saved-href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=3C3I1D5.kCrnZRmRf91dYw" href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=3C3I1D5.kCrnZRmRf91dYw" class="validating" style="color: rgb(52, 152, 219);" target="_blank">riiight here</a>.</span></span></div><div><span style="font-size:18px"><span style="font-size:22px">&nbsp;</span></span></div><div><span style="font-size:18px"><span style="font-size:22px"><span style="font-size:18px">If you've got ideas for fun scenarios, reply to this&nbsp;email and send them our way.</span></span></span></div><div><span style="font-size:18px"><span style="font-size:22px">&nbsp;</span></span></div><div><span style="font-size:18px"><span style="font-size:22px"><span style="font-size:18px">If you think this is a fun idea, please share this&nbsp;link with
a friend:</span></span></span></div><div><span style="font-size:18px"><span style="font-size:22px">&nbsp;</span></span></div><div style="text-align:center"><span style="font-size:18px"><span style="font-size:22px"><a data-cke-saved-href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=w4XL0_aF.kyfeHQ71fLEPA" href="http://clicks.aweber.com/y/ct/?l=4uc_u&amp;m=3ZcgUW6b9JjmTQ2&amp;b=w4XL0_aF.kyfeHQ71fLEPA" class="validating" style="color: rgb(52, 152, 219);" target="_blank"><span style="font-size:18px">http://www.wouldyourather.fun/</span></a></span></span></div><div style="text-align:center"><span style="font-size:18px"><span style="font-size:22px">&nbsp;</span></span></div><div><span style="font-size:18px"><span style="font-size:22px"><span style="font-size:18px">If you don't think this is a fun idea, please share the link with an enemy.</span></span></span></div><div style="text-align:center"><span style="font-size:18px"><span style="font-size:22px">&nbsp;</span></span></div><div><span style="font-size:18px"><span style="font-size:22px"><span style="font-size:18px">Peace.</span></span></span></div></div></div></div></td></tr></tbody></table></div></div>
            </td>
          </tr>
        </tbody></table>
      </td>
    </tr>
    <!--End Body-->
   </tbody></table>
 </center>
</div></div>
</center>
<div id="aweber_container" style="background: #ffffff; width: 100% !important;">
<div id="aweber_rem" style="box-sizing: border-box; color:#000000 !important;  font-family:Helvetica, Arial, sans-serif !important;  font-size:12px !important;  line-height: 16px;  max-width:600px;  margin: 0 auto;  padding: 8px;  text-align:center;  width:100%;"><!--[if gte mso 9]><table width="600" style="color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; text-align: center; "><tr><td style="padding: 8px; "><![endif]-->
<br>
647 Lawson Ave<br>
Havertown PA 19083<br>
USA<br>

<br>
<a href="@" style="color: #000000 !important;" target="_blank">Unsubscribe</a> | <a href="@" style="color: #000000 !important;" target="_blank">Change Subscriber Options</a>
<br>
<br>
<!--[if gte mso 9]></td></tr></table><![endif]-->
</div>
</div>


</body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console