body {
        /* background-color: #f0f0f2; */
        background-color: forestgreen;
        margin: 0;
        padding: 0;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        
    }

.parent {
    overflow: hidden;
}

.lang_select {
    text-align: left;
    color: #fff;
    padding: 10px;
    padding-left: 30px;
}

.footnote {
    text-align: center;
    color: #fff;
}

a.footnote:link, a.footnote:visited {
        /* color: #38488f; */
        color: #fff;
        text-decoration: none;
    }

    div {
        width: 600px;
        margin: 1em auto;
        padding: 30px;
        background-color: #fff;
        border-radius: 1em;
    }

    img.align-right {
        float: right;
        margin-left: 30px;
    }

    img.align-left {
        float: left;
        margin-right: 30px;
    }

    a:link, a:visited {
        /* color: #38488f; */
        color: deepskyblue;
        text-decoration: none;
    }

    @media (max-width: 700px) {
        body {
            background-color: #fff;
        }
        
        div {
            width: auto;
            margin: 0 auto;
            border-radius: 0;
            padding: 1em;
        }
        
        .lang_select, .footnote, a.footnote:link, a.footnote:visited {
            color: forestgreen;
        }
        
    }