body {
    background: black;
    color: #d8d8e8;
    font-family: palatino, "Times New Roman", "Georgia", "Garamond", serif;
    font-size: 20px;
    letter-spacing: 0.01em;
}
h1, h2, h3, h4 {
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, arial, sans-serif;
    clear: left;
    color: white;
}
a {
    color: #54c4fc;
    /* text-underline-offset: 3px; */
    text-decoration: none;
}
a:visited {
    color: #8f8ad5;
}
a:hover {
    color: hotpink;
}
nav {
    font-family: sans-serif;
    background-color: #101010;
    text-align: center;
    padding: 5px;
    color: #aaaacc;
    font-size: 16px;
}
nav.sc {
    font-variant: small-caps;
    font-size: 18px;
}
nav a {
    padding: 4px;
    text-decoration: none;
    color: pink;
}
nav a:visited {
    color: pink;
}
nav a:hover {
    color: hotpink;
    background-color: #1f2a64;
    border-radius: 3px;
}
.invertible:hover {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
}
social {
    font-size: 36px;
}

blockquote {
    border-left: 10px solid #66ccdd;
    background: #114466;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    display: inline-block;
}
.cont_rt {
    float: right;
    width: 300px;
    text-align: center;
    margin: 20px;
}

.cont_lt {
    float: left;
    width: 300px;
    text-align: center;
    margin: 20px;
}

.cont_rt img {
    display: block;
    width: 75%;
    margin: auto
}

.cont_lt img {
    display: block;
    width: 75%;
    margin: auto
}

.img_caption {
    display: block;
    width: 98%;
    text-align: center;
}

.main_content {
    margin: auto;
    max-width: 60em;
}