Stripped down https://mntr-subset.surge.sh/ with weird, indeterministic font downloading behavior i Firefox

759.css

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

html {
    font-family: sans-serif;
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
         box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
       -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-size: 62.5%;
}

body, html {
    height: 100%;
    max-height: 100%;
}

body {
    font-family: 'Noto Serifsubset', Noto Serif, serif;
    font-size: 2rem;
    line-height: 1.6em;
    color: #3a4145;
}

::-moz-selection {
    color: #222;
    background: #d6edff;
    text-shadow: none;
}

::selection {
    color: #222;
    background: #d6edff;
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    line-height: 1;
    margin-top: 0;
    font-family: 'Open Sans subset', Open Sans, sans-serif;
}

h1 {
    font-size: 5rem;
    letter-spacing: -2px;
    text-indent: -3px;
}

h1, h2 {
    line-height: 1.2em;
}

h2 {
    font-size: 4rem;
    letter-spacing: -1px;
    text-indent: -2px;
}

h3 {
    font-size: 3.5rem;
}

h4 {
    font-size: 3rem;
}

h5 {
    font-size: 2.5rem;
}

h6 {
    font-size: 2rem;
}

a {
    color: #4a4a4a;
    transition: color .3s ease;
}

a:hover {
    color: #57a3e8;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #50585d;
}

dl, ol, p, ul {
    margin: 1.6em 0;
}

ol ol, ol ul, ul ol, ul ul {
    margin: .4em 0;
}

dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

dl dd, dl dt {
    margin-bottom: 1em;
}

dl dd {
    margin-left: 200px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #efefef;
    margin: 1em 0;
    padding: 0;
}

blockquote {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    margin: 1.6em 0 1.6em -2.2em;
    padding: 0 0 0 1.6em;
    border-left: .4em solid #4a4a4a;
}

blockquote p {
    margin: .8em 0;
    font-style: italic;
}

blockquote small {
    display: inline-block;
    margin: .8em 0 .8em 1.5em;
    font-size: .9em;
    color: #ccc;
}

blockquote small:before {
    content: "\2014 \00A0";
}

blockquote cite {
    font-weight: 700;
}

blockquote cite a {
    font-weight: 400;
}

mark {
    background-color: #ffc336;
}

code, tt {
    padding: 1px 3px;
    font-size: .85em;
    white-space: pre-wrap;
    border: 1px solid #e3edf3;
    border-radius: 2px;
}

code, pre, tt {
    font-family: Inconsolata, monospace, sans-serif;
    background: #f7fafb;
}

pre {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    margin: 1.6em 0;
    border: 1px solid #e3edf3;
    width: 100%;
    padding: 10px;
    font-size: .9em;
    white-space: pre;
    overflow: auto;
    border-radius: 3px;
}

pre code, tt {
    font-size: inherit;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    background: transparent;
    border: none;
    padding: 0;
}

kbd {
    display: inline-block;
    margin-bottom: .4em;
    padding: 1px 8px;
    border: 1px solid #ccc;
    color: #666;
    text-shadow: #fff 0 1px 0;
    font-size: .9em;
    font-weight: 700;
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 #fff;
}

table {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    margin: 1.6em 0;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

table td, table th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #efefef;
}

table th {
    color: #000;
}

table caption+thead tr:first-child td, table caption+thead tr:first-child th,
table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
    border-top: 0;
}

table tbody+tbody {
    border-top: 2px solid #efefef;
}

table table table {
    background-color: #fff;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #f6f6f6;
}

table.plain tbody>tr:nth-child(odd)>td, table.plain tbody>tr:nth-child(odd)>th {
    background: transparent;
}

.fluid-width-video-wrapper, iframe {
    display: block;
    margin: 1.6em 0;
}

.fluid-width-video-wrapper iframe {
    margin: 0;
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hidden {
    text-indent: -9999px;
    visibility: hidden;
    display: none;
}

.inner {
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
}

.vertical {
    display: table-cell;
    vertical-align: middle;
}

.site-head {
    width: 100%;
    padding-top: 5%;
    margin-bottom: 5rem;
    text-align: center;
    color: #fff;
    background: #303538 no-repeat 50%;
    background-size: cover;
}

.blog-logo {
    text-decoration: none;
}

.blog-logo img {
    display: block;
    height: 140px;
    width: auto;
    margin: 0 auto;
    line-height: 0;
}

.blog-title {
    margin: 10px 0 10px 0;
    font-size: 5rem;
    letter-spacing: -1px;
    font-weight: 700;
    font-family: 'Open Sans subset', Open Sans, sans-serif;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .1);
}

.blog-description {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 300;
    font-family: 'Noto Serifsubset', Noto Serif, serif;
    letter-spacing: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

.nav-main {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 3% 0 0;
}

.nav-main a {
    display: block;
    padding: 5px 30px;
    color: #57a3e8;
    text-decoration: none;
}

.nav-main li.active a {
    color: #50585d;
    background: #fff;
}

main {
    width: 80%;
    max-width: 700px;
    margin: auto;
    word-break: break-word;
    hyphens: auto;
}

.post {
    position: relative;
    margin: 4rem 0;
}

.post-video img, .post-video video {
    width: 100%;
}

.talk-abstract-image {
    max-width: 50%;
    margin: 2em 0 .8em .8em;
    float: right;
}

.talk-no-abstract-image {
    width: 100%;
    margin-top: 2em;
}

.post .post-video {
    margin: 1em 0;
}

.post .playable {
    display: block;
    position: relative;
}

.post .playable:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    transform: translate(-50%, -50%);
    content: "▶";
    font-size: 300%;
    color: hsla(0, 0%, 100%, .7);
    border: 5px solid;
    line-height: 80px;
    text-indent: 22px;
    border-radius: 50%;
    transition: color .2s;
}

.post .playable:hover:before {
    color: hsla(0, 0%, 100%, .9);
}

.excerpts .post:not(:last-child) {
    padding-bottom: 4rem;
    border-bottom: 1px solid #ebf2f6;
}

.excerpts .post:not(:last-child):after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #e7eef2;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #fff;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    box-shadow: 0 0 0 5px #fff;
}

.post-title {
    margin: 0;
}

.post-title a {
    text-decoration: none;
}

.post-excerpt p {
    margin: 1.6rem 0 0 0;
    font-size: .9em;
    line-height: 1.6em;
}

.post-meta .sharing {
    float: right;
    margin: 2px 0;
}

.post-meta {
    font-family: 'Open Sans subset', 'Open Sans', sans-serif;
}

.post-meta a {
    color: #9eabb3;
    text-decoration: none;
}

.post-meta a:hover {
    text-decoration: underline;
}

.post-meta .category {
    color: #70c0ff;
}

.sharing iframe {
    margin: 1.6em auto;
}

.post-meta .sharing iframe {
    margin: 0;
}

.post-meta__prev {
    float: left;
}

.post-meta__next {
    float: right;
}

.publish-meta {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4.3rem 0 4rem 0;
    text-align: right;
}

.publish-heading {
    display: block;
    font-weight: 700;
}

.publish-date {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5em;
}

.post-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: .6em 0;
}

.post-content .full-img {
    width: 126%;
    max-width: none;
    margin: 0 -13%;
}

.talks-list h4 {
    margin-bottom: 0;
}

.gist table {
    margin: 0;
    font-size: 1.4rem;
}

.gist .line-number {
    min-width: 25px;
    font-size: 1.1rem;
}

.pagination {
    position: relative;
    width: 80%;
    max-width: 700px;
    margin: 4rem auto;
    font-family: 'Open Sans subset', Open Sans, sans-serif;
    font-size: 1.3rem;
    text-align: center;
}

.pagination, .pagination a {
    color: #9eabb3;
}

.newer-posts, .older-posts {
    position: absolute;
    display: inline-block;
    padding: 0 15px;
    border: 2px solid #ebf2f6;
    text-decoration: none;
    border-radius: 30px;
    transition: border .3s ease;
}

.older-posts {
    right: 0;
}

.page-number {
    display: inline-block;
    padding: 2px 0;
}

.newer-posts {
    left: 0;
}

.newer-posts:hover, .older-posts:hover {
    border-color: #9eabb3;
}

.site-footer {
    position: relative;
    display: table;
    width: 100%;
    margin: 8rem 0 0 0;
    padding: 4rem 0;
    font-size: 1.8rem;
    color: #fff;
    background: #303538;
}

.site-footer a {
    color: #bbc7cc;
    text-decoration: underline;
}

.site-footer a:hover {
    color: #57a3e8;
}

.subscriptions {
    margin-top: 2rem;
    text-align: center;
}

.author {
    margin: 2rem 0;
}

.author h4, .author p {
    margin: 0;
}

.author-avatar {
    height: 12rem;
    border-radius: 50%;
    border: 4px solid #fff;
    float: left;
    margin-right: 20px;
}

.subscribe {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 0 5px;
    transition: all .1s ease;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
}

.subscribe.social-twitter {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049.263001%2040.034001%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M49.263%204.739c-1.811.805-3.76%201.348-5.805%201.591%202.088-1.25%203.689-3.23%204.444-5.592-1.953%201.159-4.115%202-6.418%202.454C39.641%201.228%2037.014%200%2034.107%200c-5.581%200-10.106%204.525-10.106%2010.107%200%20.791.089%201.562.262%202.303-8.4-.422-15.848-4.445-20.833-10.56-.87%201.492-1.368%203.228-1.368%205.082%200%203.506%201.784%206.6%204.496%208.412-1.656-.053-3.215-.508-4.578-1.265-.001.042-.001.085-.001.128%200%204.896%203.484%208.98%208.108%209.91-.848.23-1.741.354-2.663.354-.652%200-1.285-.063-1.902-.182%201.287%204.015%205.019%206.938%209.441%207.019-3.459%202.711-7.816%204.327-12.552%204.327-.815%200-1.62-.048-2.411-.142%204.474%202.869%209.786%204.541%2015.493%204.541%2018.591%200%2028.756-15.4%2028.756-28.756%200-.438-.009-.875-.028-1.309%201.974-1.422%203.688-3.203%205.042-5.23z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.subscribe.social-github {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20936.96%20936.96%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M0%20468.48Q0%20597.8%2062.952%20703.208q62.952%20108.824%20170.8%20171.288Q341.6%20936.96%20468.48%20936.96q127.368%200%20235.704-62.464Q812.52%20811.544%20874.74%20703.452q62.22-108.092%2062.22-234.972%200-128.832-62.464-235.704Q811.544%20124.44%20703.452%2062.22%20595.36%200%20468.48%200%20339.16%200%20233.752%2062.952q-108.824%2062.952-171.288%20170.8Q0%20341.6%200%20468.48zm78.08%200q0-78.08%2030.744-150.792t83.936-125.416q53.192-53.192%20125.416-83.692%2072.224-30.5%20150.304-30.5t150.792%2030.5q72.712%2030.5%20125.904%2083.692%2052.704%2052.704%2083.204%20125.416%2030.5%2072.712%2030.5%20150.792%200%2083.936-34.404%20160.064-34.404%2076.128-96.624%20131.516-62.22%2055.388-142.252%2080.276V702.72q0-51.24-41.968-80.032%20102.968-9.272%20150.548-52.216t47.58-136.152q0-72.224-44.408-121.512%208.784-26.352%208.784-50.752%200-36.112-16.592-66.368-32.696%200-58.56%2010.736-25.864%2010.736-63.44%2037.088-45.384-10.248-93.696-10.248-55.144%200-102.968%2011.224-36.6-26.84-63.196-37.82-26.596-10.98-60.268-10.98-16.104%2030.744-16.104%2066.368%200%2025.376%208.296%2051.24Q195.2%20361.12%20195.2%20434.32q0%2093.208%2047.336%20135.664%2047.336%2042.456%20151.768%2052.216-27.816%2018.544-38.552%2054.168-23.912%208.296-49.776%208.296-19.52%200-33.672-8.784-4.392-2.44-8.052-5.124-3.66-2.684-7.564-6.588t-6.344-6.1q-2.44-2.196-6.344-7.564-3.904-5.368-5.124-6.832-1.22-1.464-5.856-7.808-4.636-6.344-5.124-6.832-22.936-30.256-54.656-30.256-17.08%200-17.08%207.32%200%202.928%208.296%209.76%2015.616%2013.664%2016.592%2014.64%2011.712%209.272%2013.176%2011.712%2014.152%2017.568%2021.472%2038.552%2027.328%2061%2093.696%2061%2010.736%200%2041.968-4.88v103.456q-80.032-24.888-142.252-80.276-62.22-55.388-96.624-131.516Q78.08%20552.416%2078.08%20468.48z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.subscribe.social-google {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201184%201000%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M0%20818q0-87%2089-155t215-68h54q-42-40-42-86%200-29%2016-58-10%201-29%201-104%200-170-65T67%20227q0-91%2082-159T336%200h310l-69%2050h-98q47%2018%2073.5%2068T579%20229q0%2093-88%20162-37%2029-48%2046t-11%2042q0%2019%2027%2048t54%2049q61%2043%2084.5%2088T621%20777q0%2090-82%20156.5T317%201000q-133%200-225-50T0%20818zm112-33q0%2069%2058.5%20117.5T316%20951q119%200%20172.5-44T542%20790q0-19-4-32-3-11-7-20.5t-12-19-14-16-19.5-16.5-20.5-15-25-17.5-26-17.5q-39-12-77-12-90-1-157.5%2047T112%20785zm66-559q11%2079%2060.5%20136T348%20420q59%202%2094-52t25-133-59.5-134T298%2044t-95%2051-25%20131zm555%2024v-50h200V0h50v200h201v50H983v201h-50V250H733z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.subscribe.social-linkedin {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20383.90056%20383.9%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cstyle%3Epath%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M353.2%200H32.8C15.3%200%200%2012.6%200%2029.9V351c0%2017.4%2015.3%2032.9%2032.8%2032.9h320.3c17.6%200%2030.8-15.6%2030.8-32.9V29.9C384%2012.6%20370.7%200%20353.2%200zM119%20320H64V149h55v171zM93.4%20123H93c-17.6%200-29-13.1-29-29.5C64%2076.8%2075.7%2064%2093.7%2064s29%2012.7%2029.4%2029.5c0%2016.4-11.4%2029.5-29.7%2029.5zM320%20320h-55v-93.5c0-22.4-8-37.7-27.9-37.7-15.2%200-24.2%2010.3-28.2%2020.3-1.5%203.6-1.9%208.5-1.9%2013.5V320h-55V149h55v23.8c8-11.4%2020.5-27.8%2049.6-27.8%2036.1%200%2063.4%2023.8%2063.4%2075.1V320z%22%2F%3E%3C%2Fsvg%3E");
}

.subscribe.social-email {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20208.75956%20150.70175%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cstyle%3Epath%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M2.32906.00375c68.44325-.005%20136.88649-.005%20205.33031%200-7.66856%207.4763-15.16067%2015.11896-22.8639%2022.56127-9.38612%209.09045-18.53558%2018.40512-27.91318%2027.50332-5.33465%205.30103-10.83113%2010.44763-16.03252%2015.87387-9.32286%209.16201-18.7169%2018.26082-27.97344%2027.48365-4.70614%204.06671-12.79633%203.91406-17.0492-.72866C64.61933%2061.83854%2033.53078%2030.86778%202.32906.00375zm0%200M.00061%20143.58475C.02251%2098.75678.02371%2053.92882%200%209.10145%2022.53049%2031.296%2042.09503%2051.85515%2064.55432%2074.11768%2042.81495%2097.64756%2021.39176%20120.45431.00061%20143.58475zM208.75895%20144.11416c-.0219-44.82797-.0231-89.65593.00061-134.4833-22.53049%2022.19455-42.09503%2042.7537-64.55432%2065.01623%2021.73937%2023.52988%2043.16256%2046.33663%2064.55371%2069.46707z%22%2F%3E%3Cpath%20d%3D%22M3.12452%20150.69815l66.90259-71.27776c4.78524%204.56937%2014.08947%2012.9599%2018.93859%2017.46727%2011.3842%2010.13754%2022.34163%209.98728%2033.44047-.49433%204.41836-4.33324%2012.39844-12.20321%2016.82227-16.5311l65.03509%2070.83532c-67.98933.006-133.14965.005-201.13901.0006z%22%2F%3E%3C%2Fsvg%3E");
}

.subscribe.social-rss {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M0%20866q0-55%2039-94t94-39%2094%2039%2039%2094q0%2056-39%2094.5T133%20999t-94-39-39-94zm0-335V340q179%200%20331%2088.5T571.5%20669t88.5%20331H468q0-194-137-331Q193%20531%200%20531zm0-339V0q203%200%20388%2079.5T707%20293t213.5%20319%2079.5%20388H808q0-164-64-314T571.5%20428t-258-172T0%20192z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.subscribe:hover {
    background-size: 100%;
}

.subscribe:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    transition: all .1s ease;
}

.subscribe:hover:before {
    font-size: 20px;
    color: #57a3e8;
}

@media only screen and (max-width:900px) {
    blockquote {
        margin-left: 0;
    }

    .blog-title {
        font-size: 4rem;
        letter-spacing: -1px;
    }

    .blog-description {
        font-size: 1.7rem;
        line-height: 1.5em;
    }

    .post {
        font-size: .9em;
        line-height: 1.6em;
    }

    .post-template .post {
        padding-bottom: 1rem;
    }

    .post-template .post-header {
        padding: 40px 0;
    }

    h1 {
        font-size: 4.8rem;
        text-indent: -2px;
    }

    h2 {
        font-size: 3.8rem;
    }

    h3 {
        font-size: 3.3rem;
    }

    h4 {
        font-size: 2.8rem;
    }
}

@media only screen and (max-width:500px) {
    .blog-logo img {
        height: 80px;
    }

    .inner, .pagination, .post {
        width: auto;
        margin-left: 16px;
        margin-right: 16px;
    }

    .post {
        font-size: .8em;
        line-height: 1.6em;
    }

    .talk-abstract-image {
        float: none;
        max-width: 100%;
        width: 100%;
        margin: 2em 0 0 0;
    }

    .blog-title {
        font-size: 3rem;
    }

    .blog-description {
        font-size: 1.5rem;
    }

    h1, h2 {
        font-size: 3rem;
        line-height: 1.1em;
        letter-spacing: -1px;
    }

    h3 {
        font-size: 2.8rem;
    }

    h4 {
        font-size: 2.3rem;
    }

    .post-template .post {
        padding-bottom: 0;
    }

    .post-template .post-header {
        padding: 30px 0;
    }

    .post-content img {
        padding: 0;
    }

    .post-content .full-img {
        width: auto;
        width: calc(100% + 32px);
        margin: 0 -16px;
        min-width: 0;
        max-width: 112%;
    }

    .post-meta {
        font-size: 1.3rem;
    }

    .post-footer {
        padding: 4rem 0;
        text-align: center;
    }

    .post-footer .author {
        margin: 0 0 2rem 0;
        padding: 0 0 1.6rem 0;
        border-bottom: 1px dashed #ebf2f6;
    }

    .post-footer .share {
        position: static;
        width: auto;
    }

    .post-footer .share a {
        margin: 1.4rem .8rem 0 .8rem;
    }

    .newer-posts, .older-posts {
        position: static;
        margin: 10px 0;
    }

    .page-number {
        display: block;
    }

    .site-footer {
        margin-top: 6rem;
        font-size: 1.1rem;
    }

    .author {
        text-align: center;
    }

    .author-avatar {
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
}

.highlight {
    background: #fff;
}

.highlight .c {
    color: #998;
    font-style: italic;
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2;
}

.highlight .k, .highlight .o {
    font-weight: 700;
}

.highlight .cm {
    color: #998;
    font-style: italic;
}

.highlight .cp {
    color: #999;
    font-weight: 700;
}

.highlight .c1 {
    color: #998;
    font-style: italic;
}

.highlight .cs {
    color: #999;
    font-weight: 700;
    font-style: italic;
}

.highlight .gd {
    color: #000;
    background-color: #fdd;
}

.highlight .gd .x {
    color: #000;
    background-color: #faa;
}

.highlight .ge {
    font-style: italic;
}

.highlight .gr {
    color: #a00;
}

.highlight .gh {
    color: #999;
}

.highlight .gi {
    color: #000;
    background-color: #dfd;
}

.highlight .gi .x {
    color: #000;
    background-color: #afa;
}

.highlight .go {
    color: #888;
}

.highlight .gp {
    color: #555;
}

.highlight .gs {
    font-weight: 700;
}

.highlight .gu {
    color: #aaa;
}

.highlight .gt {
    color: #a00;
}

.highlight .kc, .highlight .kd, .highlight .kp, .highlight .kr, .highlight .kt {
    font-weight: 700;
}

.highlight .kt {
    color: #458;
}

.highlight .m {
    color: #099;
}

.highlight .s {
    color: #d14;
}

.highlight .na {
    color: teal;
}

.highlight .nb {
    color: #0086b3;
}

.highlight .nc {
    color: #458;
    font-weight: 700;
}

.highlight .no {
    color: teal;
}

.highlight .ni {
    color: purple;
}

.highlight .ne, .highlight .nf {
    color: #900;
    font-weight: 700;
}

.highlight .nn {
    color: #555;
}

.highlight .nt {
    color: navy;
}

.highlight .nv {
    color: teal;
}

.highlight .ow {
    font-weight: 700;
}

.highlight .w {
    color: #bbb;
}

.highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
    color: #099;
}

.highlight .s2, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .se,
.highlight .sh, .highlight .si, .highlight .sx {
    color: #d14;
}

.highlight .sr {
    color: #009926;
}

.highlight .s1 {
    color: #d14;
}

.highlight .ss {
    color: #990073;
}

.highlight .bp {
    color: #999;
}

.highlight .vc, .highlight .vg, .highlight .vi {
    color: teal;
}

.highlight .il {
    color: #099;
}

fonts-3d4860d1b8.css

@font-face {
    font-display: swap;
    font-family: 'Open Sans subset';
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"),
         local("OpenSans-Bold"),
         url(Open_Sans-700-94ab713226.woff2) format("woff2"),
         url(Open_Sans-700-4062b1e153.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: 'Noto Serif subset';
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Serif"),
         local("NotoSerif"),
         url(Noto_Serif-400-3539cf1478.woff2) format("woff2"),
         url(Noto_Serif-400-7661a7cd4b.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans subset';
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"),
         local("OpenSans-Regular"),
         url(Open_Sans-400-3b4e79e7bb.woff2) format("woff2"),
         url(Open_Sans-400-7638c15555.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: 'Noto Serif subset';
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Serif Bold"),
         local("NotoSerif-Bold"),
         url(Noto_Serif-700-d5d03e9f6d.woff2) format("woff2"),
         url(Noto_Serif-700-efb81157f7.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: 'Noto Serif subset';
    font-stretch: normal;
    font-style: italic;
    font-weight: 400;
    src: local("Noto Serif Italic"),
         local("NotoSerif-Italic"),
         url(Noto_Serif-400i-1dd24d04d2.woff2) format("woff2"),
         url(Noto_Serif-400i-b1fa38085e.woff) format("woff");
}

index.html

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="stylesheet" href="fonts-3d4860d1b8.css">
  <link rel="stylesheet" href="759.css">
  <link rel="alternate" type="application/rss+xml" title="RSS" href="https://mntr-subset.surge.sh/feed.xml">
</head>
<body>
  <main role="main">
    <section class="excerpts">
      <article class="post"><footer class="post-meta"></footer></article>
    </section>
  </main>
  <footer class="site-footer">
    <div class="vertical">
      <div class="inner">
        <section class="author">
          <h4>P</h4>
        </section>
      </div>
    </div>
  </footer>
  <script src="web-share.js" async=""></script>
  <script>(function () {
      var el = document.createElement('link');
      el.href = 'https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400i|Open+Sans:700,400'.toString('url');
      el.rel = 'stylesheet';

      document.body.appendChild(el);
    }())</script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400i|Open+Sans:700,400">
</body>

</html>

Noto_Serif-400-3539cf1478.woff2

Noto_Serif-400-7661a7cd4b.woff

Noto_Serif-400i-1dd24d04d2.woff2

Noto_Serif-400i-b1fa38085e.woff

Noto_Serif-700-d5d03e9f6d.woff2

Noto_Serif-700-efb81157f7.woff

Open_Sans-400-3b4e79e7bb.woff2

Open_Sans-400-7638c15555.woff

Open_Sans-700-4062b1e153.woff

Open_Sans-700-94ab713226.woff2

web-share.js

if("function"==typeof navigator.share){var shareLinks=document.querySelectorAll('a[href^="https://twitter.com/intent/tweet"');[].forEach.call(shareLinks,function(t){t.textContent="Share this",t.addEventListener("click",function(e){var a=new URL(t.href);navigator.share({title:a.searchParams.get("title"),text:a.searchParams.get("text"),url:a.searchParams.get("url")}),e.preventDefault()})})}