Cacher is the code snippet organizer for pro developers

<style>
  .message-content { 
  	max-width: 600px; 
  	margin: 30px auto;
  	font-family: Helvetica, Arial, sans-serif;
  }
  .message-content div { padding-bottom: 10px; }
  .message-content img { max-width: 100%; height: auto; }
  
  h1, h2, h3, h4, h5, h6 {
  	color: #333;
  	
  }
  
  p {
    margin-bottom: 1em;
    font-size: 16px;
    color: #333333;
    line-height: 1.5em;
    font-family: Helvetica, Arial, sans-serif;
  }
  
  blockquote {
  	border-left: solid 5px #aaa;
  	margin: 20px 0px;
  	padding: 15px 30px;
  	font-size: 20px;
  	line-height: 1.5em;
  	color: #444;
  	font-family: Helvetica, Arial, sans-serif;
  }
  
  a {
  	text-decoration: none;
  	border-bottom: 1px dotted #0875c1;
  	color: #0875c1;
  }
  
  a:hover {
  	color: #1b8ede;
  	border-bottom-color: #1b8ede;
  }
  
  .button {
  	border: none;
  	background: #777;
  	color: #fff;
  	padding: 10px;
  	display: inline-block;
  	margin: 10px 0px;
  	font-family: Helvetica, Arial, sans-serif;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
  }
  
  .button:hover {
	color: #fff;
	background: #666;
  }
  
  .footer {
  	border-top: 1px dotted #888;
  	padding: 20px 0px;
  	font-family: Helvetica, Arial, sans-serif;
  	color: #aaa;
  	font-size: 12px;
  }
  
  .social-links { margin-bottom: 10px; padding: 0px; }
  .social-links a { text-align: center; padding: 5px; border: none;  }
</style>
<div class='message-content'>

 {{ message_content }}
  
  <div class="footer">
  
  	<a href="{{ unsubscribe_url }}">Unsubscribe</a> | {{ address }}
  
  </div>
</div>