body {
  max-width: 52rem;
  margin-right: auto;
  margin-left: auto;
}

html,
button,
input,
select,
textarea,
.pure-g [class *="pure-u"] {
    font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
    color: #024959;
}

h1,
h2,
h3,
h4 {
    font-family: "Zilla Slab", serif;
    font-weight: 400;
    color: #024959;
}

.site-header,
article,
.doc {
    margin: 0 1rem;
}

.site-header {
    text-align: center;
    font-family: "Zilla Slab", serif;
    font-weight: 400;
    border-bottom: 1px solid #024959;
}

.site-header>h1 {
  font-size: 3rem;
}

.section-list {
    list-style-type: none;
    padding: 0;
}

.section-list>li {
    display: inline-block;
    padding: 0 1.5rem;
}

.article {
  border-bottom: 1px solid #eee;
}

.article-header>h1 {
  margin-bottom: 0.2rem;
}

.article-posted {
  font-size: 0.8rem;
}

.article-cat {
  text-align: right;
}

.section-list a {
  font-size: 1.2rem;
}

a:link,

a:visited {
    color: #027373;
    text-decoration: none;
}

a:hover,
a:active {
    color: #F29F05;
}


.excerpt {
    font-size: 1.1rem;
}






.doc {
    margin-top: 1rem;
    color: #c00;
    font-family: monospace;
}
  

/*

#012340
#034C8C
#1D3D59
#2D608C
#0476D9

#88A5BF
#011826
#3C7DA6
#025373
#A65E1F

*/