html, body { height: 100%; }

body {
    padding-top: 55px;
    display: flex;
    text-align: left;
    flex-direction: column;
}

main {
    margin: auto;
    padding: 25px;
    flex: 1 0 auto;
    max-width: 750px;
}

img { max-width: 100%; }

.intro { transform: translateY(2vh); }
.intro > h1 { color: #212121; font-size: 12vh; }
.intro > h2 { color: #757575; font-size: 3vmin; }

.content { padding-top: 20px; }

.profile { width: 10vh; height: 10vh; border-radius: 50%; }

a:link, a:visited { color: var(--accent); }
a.icon:hover { text-decoration: none; }
a:hover { color: var(--accent) !important; }

.pages { padding: 15px 0; }
.pages-icon { padding: 0 15px; }
.item { padding: 10px 0; }
.item-tag { background-color: var(--accent); }

/* nav and borders */

.navbar .container { max-width: 750px; padding-left: 10px; padding-right: 30px; margin: auto; }
.navbar-nav { font-size: 125%; }
.navbar-icon { display: inline-block !important; }
.navbar.navbar-default { border-top: var(--border-width) solid var(--accent); }
footer { border-bottom: var(--border-width) solid var(--accent); }

/* blog */

.muted { color: #777; font-size: 75%; }
.highlight { color: #9a1a1a; }
.blog h5 { color: #777; }
.blog ul { margin-left: 1em ; padding: 0 }
.blog li { list-style-type: disc; }
.blog .standalone-caption { margin-bottom: 3em; }
.blog .caption { color: #777; font-size: 14px; text-align: center; }
.blog code.inline { display: inline; padding: 0.25em; margin: 0; background-color: #f7f7f7; color: black; }
.blog pre { padding: 0 }
.blog .quote { margin-bottom: 1.2em; }
.blog .block-image { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
.flow-cqt th, .flow-cqt td { padding-right: 1em; text-align: center; width: 33%; }
.blog th, .blog td { padding-right: 1em; text-align: right }
.blog table.center { margin-left:auto; margin-right:auto; }
.left-align th, .left-align td { text-align: left; }
.blog .note { font-style: italic; }
.blog .factuality-example { overflow: auto; width: 100%; }
.blog .factuality-example td {vertical-align: top; text-align: left; padding: 5px; }
.blog .factuality-example .example-scores { width: 15%; text-align: center;}
.blog .factuality-example .example-scores-3 { width: 10%; text-align: center;}
.blog .factuality-example .correct { background-color: rgb(105, 207, 119); }
.blog .factuality-example .incorrect { background-color: rgb(240, 155, 151); }
.blog .factuality-example .ambiguous { background-color: rgb(232, 230, 111); }
.blog .decomp { height: 60%; width: 60%; }
.blog .decomp-2 { height: 75%; width: 75%; }
.blog .indent1 { margin-left: 1.5em }

.publications ul { margin-bottom: 2em; padding: 0; }
.publications li { list-style-type: none; }

#contact_details { margin: 0; padding: 0; }
#contact_details li { list-style: none outside none; }