anchor.diff:        button:hover {
           background: #68a138;
         }
  -      .links {
  -        margin-bottom: 20px;
  -      }
  -      .links a:not(:last-of-type) {
  -        margin-right: 20px;
  -      }
       </style>
     </head>
  -  <body>
  -    <header>
  -      <a href="http://wordset.org"><img class="logo" src="https://www.wordset.org/assets/images/full-logo-d86b9c4cc39db7811704cb1860c23842.png" alt="Wordset"/></a>
  -    </header>
  -    <section>
  -      <%= yield %>
  -      <p>
  -        Love and Language,<br/>
  -        Hampton and Michael (co-founders)
  -      </p>
  -    </section>
  -    <footer>
  -      <div class="links">
  -        <a href="https://twitter.com/thewordset">Twitter</a>
  -        <a href="https://facebook.com/wordset">Facebook</a>
  -        <a href="https://github.com/wordset">GitHub</a>
  -      </div>
  -    <% if @user %>
  -    <a href="<%= api_link("/users/#{@user.id}/unsubscribe") %>">Unsubsribe</a>
  -    <% end %>
  -    </footer>
  +  <body style="background: #ECECEC; font-family: 'Avenir Next', sans-serif; margin: 0px;">
  +    <table border="0" cellpadding="0" cellspacing="0" width="100%">
  +      <tr class="header">
  +        <td align="center" valign="top"  style="padding: 20px;">
  +          <a href="http://wordset.org"><img class="logo" src="https://www.wordset.org/assets/images/full-logo-d86b9c4cc39db7811704cb1860c23842.png" alt="Wordset" style="background-size: 270px; color: #6B6054; display: inline-block; font-size: 30px; height: 50px; text-transform: uppercase; width: 270px;"/></a>
  +        </td>
  +      </tr>
  +      <tr>
  +        <td align="center" valign="top">
  +          <table border="0" cellpadding="20" cellspacing="0" width="600" class="section" style="background: #FFF; border-radius: 2px; padding: 20px 20px 40px;">
  +            <tr>
  +              <td align="left" valign="top">
  +                <%= yield %>
  +                <p>
  +                  Love and Language,<br/>
  +                  Hampton and Michael (co-founders)
  +                </p>
  +              </td>
  +            </tr>
  +          </table>
  +        </td>
  +      </tr>
  +      <tr class="footer">
  +        <td align="center" valign="top" style="padding: 20px;">
  +          <div class="links" style="margin-bottom: 20px;">
  +            <a href="https://twitter.com/thewordset" style="margin-right: 20px">Twitter</a>
  +            <a href="https://facebook.com/wordset" style="margin-right: 20px">Facebook</a>
  +            <a href="https://github.com/wordset">GitHub</a>
  +          </div>
  +          <% if @user %>
  +          <a href="<%= api_link("/users/#{@user.id}/unsubscribe") %>">Unsubsribe</a>
  +          <% end %>
  +        </td>
  +      </tr>
  +    </table>
     </body>
   </html>
  
positive.code:         color: #68a138;
        }
        a .logo {
          background-size: 270px;
          color: #6B6054;
          display: inline-block;
          font-size: 30px;
          height: 50px;
          text-transform: uppercase;
          width: 270px;
        }
        button {
          background: #81C14B;
  
negative.code: <html>
    <head>
      <style>
        h1 {
          font-weight: 500;
        }
  