@font-face {
    src: url("resources/fonts/SourceSansPro-Regular.woff2");
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url("resources/fonts/SourceSansPro-SemiBold.woff2");
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
}

@font-face {
    src: url("resources/fonts/DejaVuSans.woff2");
    font-family: 'DejaVu Sans';
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16pt;
    font-weight: 400;
    padding: 50pt;
}

.ipa {
    font-family: "DejaVu Sans", sans-serif;
    font-weight: 400;
}

.header, .entry, .paper_title {
    font-weight: 600;
}

.content {
    margin-top: 20pt;
    font-weight: 400;
}

body > .header {
    font-size: 36pt;
    display: flex;
    flex-direction: row;
}

body > .header > div + div {
    margin-left: 20pt;
}

#headshot {
    width: 72pt;
    height: 72pt;
    border-radius: 50%;
}

body > .header .ipa {
    color: rgba(0, 0, 0, 0.25);
    font-size: 16pt;
}

.entry, .content .header {
    font-size: 22pt;
}

.menu {
    margin-top: 20pt;
    display: flex;
    flex-direction: row;
}

.entry + .entry {
    margin-left: 10pt;
    padding-left: 10pt;
    border-left: 2px solid rgba(0, 0, 0, 0.25);
}

a {
    text-decoration: none;
    color: rgb(100, 192, 220);
}

.entry a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.entry img {
    display: inline-block;
    width: 22pt;
    height: 22pt;
    margin-right: 6pt;
}

.paper_venue {
    font-style: italic;
}

.paper {
    margin-top: 10pt;
}

.gallery_images {
    display:flex;
    flex-flow: row wrap;
    align-items: center;
}

.gallery_images > div {
    width: 33%;
    height: auto;
}
.gallery_images > div > div {
    padding: 10pt;
}

.gallery_images > div.wide {
    width:100%;
}

.gallery_images img, .gallery_images video {
    width:100%;
    height:auto;
}

.gallery_images > div.yt > div > div {
    padding-left: 100%;
    padding-top: 56.25%;
    position: relative;
}

.gallery_images > div.yt > div > div > iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}