/**
 * #2B2726
 * #0A516D
 * #018790
 * #7DAD93
 * #BACCA4
 */
html {
    background: #2B2726;
}

body {
    font-family: Georgia, serif;
    font-size: 69%;
    line-height: 1.4;
    margin: 100px 0 0 150px;
    width: 450px;
    color: #DDD;
}

a:link {
    color: #018790;
    text-decoration: none;
}

a:visited {
    color: #0A516D;
}

a:hover {
    color: #BACCA4;
}

a:active {
}

h1 {
    font-family: Jura, Georgia, serif;
    font-weight: bold;
    font-size: 1.9em;
    color: #7DAD93;
}

#content {
    font-size: 1.4em;
}

@media only screen and (max-width: 400px) {
    body {
        margin: 60px 20px 20px 20px;
        width: auto;
    }
    
    #content {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 600px) {
    body {
        margin: 60px 20px 20px 20px;
        width: auto;
    }

    #content {
        font-size: 1.5em;
    }
}