:root {
    /* https://coolors.co/f4f1de-e07a5f-3d405b-81b29a-f2cc8f */
    --eggshell: #f4f1deff;
    --burnt-sienna: #e07a5fff;
    --delft-blue: #3d405bff;
    --cambridge-blue: #81b29aff;
    --sunset: #f2cc8fff;

    --white: var(--eggshell);
    --red: var(--burnt-sienna);
    --blue: var(--delft-blue);
    --green: var(--cambridge-blue);
    --yellow: var(--sunset);
}

html, body {
    min-height: 100vh;
    overflow: auto;  /* https://stackoverflow.com/a/31797979 */
    margin: 0;
}

body {
    font-family: sans-serif;
    font-size: 16px;
    background-color: var(--yellow);
    background-image: linear-gradient(var(--green), var(--yellow));
    color: var(--blue);
}

#main {
    box-sizing: border-box;
    background-color: var(--white);
    margin-top: 50px;
    width: 800px;
    margin: 40px auto;
    padding: 40px;
    border-radius: 20px;
}

h1 {
    text-align: center;
    margin: 0;
}

#h1-a {
    text-decoration: none;
}

#h1-felix {
    color: var(--red);
}

#h1-at {
    color: var(--yellow);
}

#h1-rabe {
    color: var(--green);
}

/* https://spencermortensen.com/articles/email-obfuscation/#text-display  */
#h1-foo {
    display: none;
}

#h1-dot {
    color: var(--yellow);
}

#h1-io {
    color: var(--yellow);
}

p:last-child {
    margin-bottom: 0;
}