Email Template

HTML

<div class="master">
    <header>
        <img alt="CoachUp"...

CSS

html {
    display: table;
    position: absolute;
    top: 0; bottom: 0; height: 100%;
    left: 0; right: 0;  width: 100%;
    margin: 0; padding: 0;
    
    min-width: 320px;
    font-size: 87.5%;
    background: #1fb8eb;
    border-spacing: 7px;
}

body {
    display: table-cell;
    background: white;
    border-radius: 1px;
    
    font-size: 1em;
    line-height: 1.5em;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
}

.master {
    position: relative;
    width: 80%;
    max-width: 920px;
    margin: 0 auto;
    padding: 3em 1.5em;
}

xxx > *:hover {
    outline: 1px solid rgba(255,0,0,.5);
    outline-offset: -1px;
}