*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    margin:0;
    padding:0;
    height:100%
}
body{
    font-size:16px;
    line-height:20px;
    font-weight:normal;
    font-style:normal;
    font-family:Courier, monospace;
    color:#333333;
    padding:20px;
    margin:0;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%
}
body.blank {
    text-align: center;
    font-family: Courier, monospace;
    color: #333333;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80vh;
    line-height: 0.1;
}
@media (min-width: 992px){
    body{
        padding:35px 50px
    }
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:1rem;
    line-height:1.25;
    color:#313131
}
h1{
    font-size:2rem
}
h2{
    margin-top:1rem;
    font-size:1.5rem
}
h3{
    margin-top:1.5rem;
    font-size:1.25rem
}
h4,h5,h6{
    margin-top:1.1rem;
    font-size:1.1rem
}
img{
    max-width:100%
}
a{
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid #b1b1b1
}
a.image{
    display:block;
    text-align:center;
    border:0;
    border-radius:5px;
    margin:30px 0
}
a:hover{
    border-bottom:1px solid #555
}
mark{
    background:#eee
}
blockquote{
    border-left:5px solid #ccc;
    margin:40px 0;
    padding:5px 30px;
    background:#eee
}
iframe{
    margin:45px 0 !important
}
ul,ol{
    padding-left:50px
}
ul li,ol li{
    word-wrap:break-word
}
ul img,ol img{
    margin:40px 0;
    border-radius:5px
}
sup{
    vertical-align:top;
    position:relative;
    top:-0.5em;
    margin-left:1px
}
time{
    color:#555
}
code,pre,.code,.footnotes{
    font-family:Courier, monospace;
}
code{
    color:#f14e32;
    background:#eee;
    padding:2px 6px;
    font-size:13px
}
pre{
    display:block;
    margin-top:0;
    margin-bottom:1rem;
    font-size:0.8rem;
    line-height:1.4;
    white-space:pre;
    overflow-x:auto;
    background-color:#f9f9f9;
    border:1px solid #ddd;
    padding:1rem
}
pre code{
    font-size:100%;
    color:inherit;
    background-color:transparent;
    padding:0
}
table{
    width:100%;
    table-layout:fixed;
    margin:45px 0
}
table thead{
    background:#f2f2f2
}
table th{
    text-align:left;
    padding:8px 10px;
    border-bottom:15px solid #fff
}
table td{
    padding:4px 0
}
iframe{
    width:100%
}
.divider{
    background:#ddd;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(#ccc), to(rgba(255,255,255,0)));
    background:-webkit-linear-gradient(left, rgba(255,255,255,0), #ccc, rgba(255,255,255,0));
    background:linear-gradient(to right, rgba(255,255,255,0), #ccc, rgba(255,255,255,0));
    height:1px;
    margin:2em 0
}
article{
    max-width:500px;
    margin:0 auto
}
article h1.title{
    line-height:1.4em;
    text-align:center;
    font-size:1.4em
}
article .center{
    text-align:center;
    margin:0 auto
}
article hr{
    border:0;
    border-bottom:1px solid #000;
    margin:30px 0
}
article p{
    font-size:14px;
    line-height:1.65em;
    word-wrap:break-word
}
article .footnote{
    border:0;
    background-color:#0087BE;
    color:#fff;
    padding-left:2px;
    padding-right:2px
}
article .footnotes{
    margin:50px auto;
    display:block;
    font-size:0.8em;
    color:#666
}
article .footnotes p{
    line-height:1rem;
    font-weight:normal
}
article .footnotes ol{
    margin:0;
    padding-left:15px
}
article .footnotes ol li{
    font-weight:bold
}
article .footnotes .reversefootnote{
    border:0;
    color:#0087BE
}
article a:hover{
    color:#369;
    border-color:#369
}
.back{
    text-align:center
}
.back a{
    text-decoration:none;
    margin:40px auto 0;
    display:inline-block;
    padding:10px;
    border:0
}
.back a:before{
    content:"<<";
    margin-right:5px;
    color:#000
}
.block{
    display:block
}
.page-navigation,.footer{
    text-align:center;
    max-width:500px;
    margin:0 auto;
    font-size:0.8rem
}
.page-navigation{
    margin:50px auto 0 auto
}
.page-navigation a{
    display:inline-block;
    text-decoration:none;
    border-bottom:none
}
.page-navigation span{
    display:inline-block
}
.footer{
    margin-top:50px;
    color:#777
}
.footer a{
    border:none
}
section{
    margin:0 auto 50px auto
}
section ul{
    list-style:none;
    margin:0;
    padding:0
}
section ul li{
    margin:10px 0
}
section ul li .title{
    max-width:100%;
    word-wrap:normal !important
}
section ul li a{
    text-decoration:none;
    border:0;
    color:#000;
    box-sizing:border-box
}
section ul li .post-date{
    float:right;
    margin:0 0 0 20px
}
section ul li span{
    display:inline-block;
    color:#757575;
    letter-spacing:1px;
    text-transform:uppercase
}
@media (min-width: 992px){
    section ul li a{
        border-bottom:2px solid transparent
    }
    section ul li a:hover{
        border-color:#000
    }
}
.about{
    max-width:500px
}
.header h1{
    margin-bottom:2px
}
.svg-icon{
    width:24px;
    height:24px;
    display:inline-block;
    vertical-align:middle;
    padding-top:3px
}
.social-media-list{
    display:table
}
.social-media-list li:first-of-type{
    margin-left:0
}
.social-media-list li{
    float:left;
    margin:0 5px;
    list-style:none
}
.social-media-list li a{
    display:block;
    padding:7.5px
}
.post-list-section-header{
    font-weight:bold;
    font-size:14px
}
.sub-section{
    font-family:Courier, monospace;
}
.sub-section ul{
    padding-left:10px;
    opacity:0.8;
    list-style:none
}
.sub-section a{
    border-bottom:none
}
.sub-section a:hover{
    border-bottom:1px #555 solid
}
.highlight{
    margin:40px 0
}
.small{
    margin-top: 24;
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    body { font-size: 13px }
    ul, ol { padding-left: 10px }
    ul ul { padding-left: 20px }
    .small { font-size: 12px }
}