body {
    background-color: #a23b72;
    background-image: linear-gradient(-45deg, #3b1f2b 0%, #a23b72 70%);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: cover;
    background-attachment: fixed;
    margin: 0;
    padding: 0 20px;
    font: 18px/1.4 'Ubuntu Condensed', sans-serif;
    color: #3b1f2b;
}

h1 {
    margin: 10px 0 16px 0;
}

a {
    font-weight: 600;
    text-decoration: none;
    color: #3b1f2b;
}

a.contact {
    position: absolute;
    right: 30px;
    bottom: auto;
    margin-top: 22px;
    display: inline-block;
    padding: 2px 20px 5px 20px;
    background-color: #ef7000;
    border-radius: 0 0 20px 20px;
    box-shadow: 8px 8px 0 #3b1f2b;
}

a.contact:hover {
    background-color: #8bc829;
}

main {
    position: relative;
    display: block;
    max-width: 600px;
    margin: 30px auto 20px auto;
    box-sizing: border-box;
    background-color: #f18f01;
    padding: 20px 30px;
    box-shadow: 10px 10px 0 #3b1f2b;
    border-radius: 8px;
}

footer {
    text-align: center;
    font-size: 0.8em;
}

@media (max-width: 400px) {
    footer {
        text-align: right;
        margin: 50px 38px 0 0;
        color: #1f1f1f;
    }
}