@font-face {
    font-family: Geographics;
    src: url('Geographica.ttf');
}

body {
    font-family: Geographica, serif;
    font-size: 18pt;
    line-height: 130%;
    color: #ffeeaa;
    background-color: #14585e;
    text-shadow: #10454a 2px 2px;
}

a {
    color: #ffeeaa;
}

.content {
    width: 34em;
    margin: auto;
    margin-top: 2em;
}

.image {
    width: 100%;
}

.gallery {
    width: 100%;
    box-shadow: #10454a 0px 0px 2px 2px;
}

.legend {
    display: block;
    margin-bottom: 1em;
}

h1, h2, h3, h4 {
    text-align: center;
}

.footer, .divider {
    text-align: center;
    margin-bottom: 1em;
}

@media only screen and (orientation: portrait) {
    body {
        font-size: 4vw;
    }
    .content {
        width: 90%
    }
}